วิธีการ - ตรวจสอบว่าองค์ประกอบถูกซ่อนอยู่หรือไม่
เรียนรู้วิธีค้นหาว่าองค์ประกอบถูกซ่อนด้วย JavaScript หรือไม่
ตรวจสอบองค์ประกอบที่ซ่อนอยู่
ตัวอย่าง
หากองค์ประกอบ <div> ถูกซ่อนอยู่ ให้ทำบางอย่าง:
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// Do something..
}
}
หมายเหตุ:เมื่อองค์ประกอบถูกซ่อนด้วยdisplay:none
(เช่นในตัวอย่างด้านบน) องค์ประกอบจะไม่ใช้พื้นที่ใดๆ
หากต้องการดูว่าองค์ประกอบถูกซ่อนด้วยvisibility:hidden
หรือไม่ ให้ดูตัวอย่างด้านล่าง องค์ประกอบ "ที่ซ่อนอยู่" นี้จะใช้พื้นที่
ตัวอย่าง
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Do something..
}
}
เคล็ดลับ:ดู ที่ How To - Toggle Hide/Showด้วย
เคล็ดลับ:สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการแสดงผลและการมองเห็น อ่านCSS Display Tutorialของเรา