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

前端

<p id="myElement"> p>
1

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

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

   var element = document.getElementById("myElement");
   element.style.display = "none";
1
2
3

2. 使用 classList.add() 方法：
   通过添加class属性有隐藏样式

   js:
   var element = document.getElementById("myElement");
   element.classList.add("hidden");
   css:
   <style type="text/css">
   .hidden {
   display: none;
   }
   </style>
   1
   2
   3
   4
   5
   6
   7
   8
   9

   
3. 使用 `setAttribute()` 方法：
    `setAttribute()` 方法可以设置标签的样式属性。

   ```javascript
   var element = document.getElementById("myElement");
   element.setAttribute("style", "display: none;");
1
2
3
4
5
6
7

jquery隐藏

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

vue隐藏 v-show的值为false

<div v-show="shouldHide">
  这是要隐藏的内容。
div>
1
2
3