Cách thực hiện - Kiểm tra xem phần tử có bị ẩn 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
Ví 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..
}
}
Hãy tự mình thử » Lưu ý: Khi một phần tử bị ẩ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 bằng visibility:hidden
hay không, hãy xem ví dụ bên dưới. Phần tử "ẩn" này sẽ chiếm dung lượng.
Ví dụ
function myFunction() {
var x = document.getElementById("myDIV");
if (window.getComputedStyle(x).visibility === "hidden") {
// Do something..
}
}
Hãy tự mình thử »Mẹo: Ngoài ra, hãy xem Cách - Chuyển đổi Ẩn/Hiển 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.