ข้อถามที่เกี่ยวกับการตรวจสอบว่าองค์ประกอบซ่อนหรือไม่

เรียนรู้ว่าเมื่อเช็คองค์ประกอบว่าซ่อนหรือไม่

ตรวจสอบองค์ประกอบที่ซ่อน

ตัวอย่าง

ถ้า <div> องค์ประกอบถูกซ่อน ให้ปฏิบัติการตามดังนี้：

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).display === "none") {
    // ปฏิบัติการบางอย่าง...
  }
}

ทดลองด้วยตัวเอง

注意：เมื่อใช้ display:none เมื่อซ่อนองค์ประกอบ (เช่นตัวอย่างด้านบน) องค์ประกอบนั้นจะไม่เติมช่องที่เปลี่ยนแปลง

เพื่อทราบว่าองค์ประกอบใดที่ซ่อน visibility:hidden ซ่อนไว้ ดูตัวอย่างด้านล่างนี้. องค์ประกอบ "ซ่อน" นี้จะเติมช่องที่เปลี่ยนแปลง

ตัวอย่าง

function myFunction() {
  var x = document.getElementById("myDIV");
  if (window.getComputedStyle(x).visibility === "hidden") {
    // ปฏิบัติการบางอย่าง...
  }
}

ทดลองด้วยตัวเอง

หน้าที่เกี่ยวข้อง

教程：CSS แสดง

教程：如何切换隐藏/显示元素