javascript - 切换可见性不起作用 (HTML/CSS/Javascript)

Question

<分区>

Answer 1

此 document.getElementsByClassName("dot") 返回一个数组，您不能将 style 属性应用于该数组。

关于如何处理或重新考虑这个问题，我会给你一些想法。

1) 遍历数组并对每个元素应用样式

var elements = document.getElementsByClassName("dot")
for(var i = 0; i < elements.length; i++) {
    elements[i].style.visibility = "visible";
}

2) 给每个类一个 ID 并调用 document.getElementById("someID")

<div id="one">one</div>
<div id="two">two</div>
<div id="three">three</div>

document.getElementyById("one").style.visibility = "visible";
document.getElementyById("two").style.visibility = "hidden";
document.getElementyById("three").style.visibility = "hidden";