Cách kiểm tra phần tử có bị ẩn
- Trang trước Kiểm tra ngoại tuyến
- Trang tiếp theo Chuyển hướng trang web
Học cách sử dụng JavaScript để kiểm tra phần tử có bị ẩn hay không.
Kiểm tra phần tử ẩn
ví dụ
Nếu phần tử <div> bị ẩn, thực hiện các bước sau:
function myFunction() { var x = document.getElementById("myDIV"); if (window.getComputedStyle(x).display === "none") { // thực hiện một số hành động... } }
Lưu ý:Khi sử dụng display:none
khi ẩn phần tử (như ví dụ trên), phần tử đó sẽ không chiếm bất kỳ không gian nào.
để xác định một phần tử có ẩn hay không visibility:hidden
ẩn đi, xem ví dụ dưới đây. phần tử "ẩn" này sẽ chiếm không gian.
ví dụ
function myFunction() { var x = document.getElementById("myDIV"); if (window.getComputedStyle(x).visibility === "hidden") { // thực hiện một số hành động... } }
trang liên quan
Hướng dẫn:CSS hiển thị
Hướng dẫn:Cách chuyển đổi ẩn/hiển thị element
- Trang trước Kiểm tra ngoại tuyến
- Trang tiếp theo Chuyển hướng trang web