js中display的使用方法
时间: 2024-03-01 21:52:42 浏览: 11
js的display的小例子
3星 · 编辑精心推荐
在 JavaScript 中,可以使用以下两种方式设置一个元素的 display 属性:
1. 通过修改元素的 style 属性:
```javascript
var element = document.getElementById("myElement");
element.style.display = "none"; // 隐藏元素
element.style.display = "block"; // 显示元素
```
2. 通过使用 CSS 类:
```javascript
var element = document.getElementById("myElement");
element.classList.add("hidden"); // 添加类名,隐藏元素
element.classList.remove("hidden"); // 移除类名,显示元素
```
其中,CSS 类的样式可以使用以下方式定义:
```css
.hidden {
display: none;
}
```
这样,在需要隐藏元素时,只需要为元素添加 hidden 类即可。
阅读全文