首页 前端知识 js,jquery,vue设置html标签隐藏不显示

js,jquery,vue设置html标签隐藏不显示

2024-04-13 09:04:59 前端知识 前端哥 996 822 我要收藏

前端

<p id="myElement"> </p>

使用js将id=myElemnt的标签隐藏

  1. 使用 style.display 属性:
    通过设置 style.display 属性为 "none",可以隐藏标签。

   var element = document.getElementById("myElement");
   element.style.display = "none";
  1. 使用 classList.add() 方法:
    通过添加class属性有隐藏样式
    js:
    var element = document.getElementById("myElement");
    element.classList.add("hidden");
    css:
    <style type="text/css">
    .hidden {
    display: none;
    }
    </style>
    
   
3. 使用 `setAttribute()` 方法:
    `setAttribute()` 方法可以设置标签的样式属性。

   ```javascript
   var element = document.getElementById("myElement");
   element.setAttribute("style", "display: none;");

jquery隐藏

$("#myElement").hide();

vue隐藏 v-show的值为false

<div v-show="shouldHide">
  这是要隐藏的内容。
</div>
转载请注明出处或者链接地址:https://www.qianduange.cn//article/4860.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!