如何设置元素在JavaScript中是否应可见?

使用JavaScript中的visible 属性可以隐藏或显示元素。

示例

您可以尝试运行以下代码以了解如何使用可见性属性-

<!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>
猜你喜欢