html 全局属性hidden 可以设置隐藏某元素

最新推荐文章于 2023-09-05 12:09:46 发布

BINGXIHEART

最新推荐文章于 2023-09-05 12:09:46 发布

阅读量223

点赞数

分类专栏： html 文章标签：前端 javascript html

本文链接：https://blog.csdn.net/BINGXIHEART/article/details/128467984

版权

html 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

 <body>
    <button onclick="toggleHidden()">Toggle</button>
    <table>
      <tr>
        <th>Name</th>
        <th>City</th>
      </tr>
      <tr>
        <td>Adam Freeman</td>
        <td>London</td>
      </tr>
      <tr id="toggle" hidden>
        <td>Joe Smith</td>
        <td>New York</td>
      </tr>
      <tr>
        <td>Anne Jones</td>
        <td>Paris</td>
      </tr>
    </table>
    <script>
      var toggleHidden = function () {
        var elem = document.getElementById("toggle");
        if (elem.hasAttribute("hidden")) {
          elem.removeAttribute("hidden");
        } else {
          elem.setAttribute("hidden", "hidden");
        }
      };
    </script>
  </body>