Cách kiểm tra phần tử có bị ẩn

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...
  }
}

thử trực tiếp

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...
  }
}

thử trực tiếp

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