Cách thực hiện - Chuyển đổi Ẩn và Hiển thị
Chuyển đổi giữa ẩn và hiển thị một phần tử bằng JavaScript.
Chuyển đổi (Ẩn/Hiển thị) một phần tử
Bước 1) Thêm HTML:
Ví dụ
<button onclick="myFunction()">Click Me</button>
<div id="myDIV">
This is my DIV element.
</div>
Bước 2) Thêm JavaScript:
Ví dụ
function myFunction() {
var x = document.getElementById("myDIV");
if (x.style.display
=== "none") {
x.style.display = "block";
} else {
x.style.display =
"none";
}
}
Hãy tự mình thử »Mẹo: Để biết thêm thông tin về Hiển thị và Hiển thị, hãy đọc Hướng dẫn hiển thị CSS của chúng tôi.