javascript - 更改所有 <hr> html 元素的属性

Question

在 css 中我设置了所有的 <hr>我的 html 中的元素为“显示:无；”哪个有效。

我设置了一个 onclick 事件监听器以将“显示”更改为“阻止”。

我使用:

document.getElementsByTagName("hr").innerHTML.style.display = "block";

我收到错误消息“无法读取未定义的属性‘style’”。

Answer 1

按以下方式进行:

var hrItems = document.getElementsByTagName("hr");

for(var i = 0; i < hrItems.length; i++) {
    hrItems[i].style.display = 'block';
}