Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để ẩn phần tử HTML bằng JavaScript?


Sử dụng khả năng hiển thị thuộc tính trong JavaScript để ẩn một phần tử. Bạn có thể thử chạy mã sau để tìm hiểu cách làm việc với khả năng hiển thị thuộc tính ẩn một phần tử -

Ví dụ

<!DOCTYPE html>
<html>
   <body>
      <p id = "pid">Demo Text</p>

      <button type = "button" onclick = "displayHide()">Hide</button>
      <button type = "button" onclick = "displayShow()">Show</button>
     
      <script>
         function displayHide() {
            document.getElementById("pid").style.visibility = "hidden";
         }
         function displayShow() {
            document.getElementById("pid").style.visibility = "visible";
         }
      </script>
   </body>
</html>