วิธีการ - สลับซ่อนและแสดง
สลับระหว่างการซ่อนและแสดงองค์ประกอบด้วย JavaScript
คลิกที่ปุ่ม!
สลับ (ซ่อน/แสดง) องค์ประกอบ
ขั้นตอนที่ 1) เพิ่ม HTML:
ตัวอย่าง
<button onclick="myFunction()">Click Me</button>
<div id="myDIV">
This is my DIV element.
</div>
ขั้นตอนที่ 2) เพิ่ม JavaScript:
ตัวอย่าง
function myFunction() {
var x = document.getElementById("myDIV");
if (x.style.display
=== "none") {
x.style.display = "block";
} else {
x.style.display =
"none";
}
}
เคล็ดลับ:สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการแสดงผลและการมองเห็น อ่านCSS Display Tutorialของเรา