CÁCH THỰC HIỆN - Kiểm tra xem một phần tử có bị ẩn hay không
Tìm hiểu cách tìm hiểu xem một phần tử có bị ẩn bằng JavaScript hay không.
Kiểm tra phần tử ẩn
Thí dụ
Nếu phần tử <div> bị ẩn, hãy làm điều gì đó:
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).display === "none") {
// Do something..
}
}
Lưu ý: Khi một phần tử được ẩn với display:none
(như trong ví dụ trên), phần tử đó sẽ không chiếm bất kỳ khoảng trống nào.
Để tìm hiểu xem một phần tử có bị ẩn hay không visibility:hidden
, hãy xem ví dụ bên dưới. Phần tử "ẩn" này sẽ chiếm dung lượng.
Thí dụ
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Do something..
}
}
Mẹo: Ngoài ra, hãy xem Cách - Chuyển sang Ẩn / Hiện .
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 .