js querySelectorAll获取的元素集合可以使用setAttribute直接修改属性display吗
时间: 2024-02-28 11:52:37 浏览: 122
C# 结构体集合元素属性不可修改疑惑
可以的,使用`querySelectorAll`获取的元素集合可以使用`setAttribute`方法直接修改它们的`display`属性。例如,以下代码可以将所有`<p>`元素的`display`属性设置为`none`:
```javascript
const paragraphs = document.querySelectorAll('p');
for (let i = 0; i < paragraphs.length; i++) {
paragraphs[i].setAttribute('display', 'none');
}
```
需要注意的是,`display`属性是CSS属性,如果需要修改元素的样式,可以使用`element.style`属性,而不是`setAttribute`方法。例如,以下代码可以将所有`<p>`元素的`display`属性设置为`none`:
```javascript
const paragraphs = document.querySelectorAll('p');
for (let i = 0; i < paragraphs.length; i++) {
paragraphs[i].style.display = 'none';
}
```
但是,修改元素的样式最好使用CSS,而不是通过JavaScript直接修改元素的样式。
阅读全文