切换可见性不工作（HTML/CSS/Javascript）

我从W3Schools了解如何使用HTML、CSS和Javascript构建幻灯片。在我正在开发的网站上，我希望底部的缩略图和两侧的箭头最初是隐藏的，直到用户按下按钮

为此，在CSS文件中，我设置了

可见性：hidden。类
dot
的CSS代码是底部缩略图，如下所示：

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    visibility: hidden;
    transition: background-color 0.6s ease;  
}

在按钮的Javascript操作中，我将类“dot”下文档元素的可见性设置为可见，如下所示：

document.getElementsByClassName("dot").style.visibility="visible";

我已验证，当通过alert（）视图按下按钮时，会触发此操作。在执行此命令之前，每一行代码似乎都按预期运行。此外，底部的缩略图（“点”元素）不会显示，因此它们的可见性不会按预期显示

有没有关于为什么会这样的想法，或者我如何修复它？非常感谢你的帮助
 此
文档。GetElementsByCassName（“点”）
返回一个数组，您不能将
样式
属性应用于该数组

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

1） 循环遍历数组并对每个元素应用样式

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

此
document.getElementsByCassName（“点”）
返回一个数组，您不能将
style
属性应用于该数组

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

1） 循环遍历数组并对每个元素应用样式

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

document.getElementsByClassName（）
将返回一个数组

如果只有一个元素，则可以使用数组中的第一个索引：

document.getElementsByClassName("dot")[0].style.visibility="visible";

否则，如果您有多个：

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

var dot=document.getElementsByClassName（“dot”）
对于（变量i=0；i
文档。GetElementsByCassName（）

将返回一个数组

如果只有一个元素，则可以使用数组中的第一个索引：

document.getElementsByClassName("dot")[0].style.visibility="visible";

否则，如果您有多个：

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

var dot=document.getElementsByClassName（“dot”）
对于（变量i=0；i

太好了，非常感谢！另外，在编写这样的脚本时，您是否使用控制台来检测错误消息？Windows上的键盘关机键是CTRL+SHIFT+K，OSX是CMD+OPTION+J。。。我发现它对于浏览器客户端的JavaScript开发至关重要。如果错误消息不够清楚，可以将其包含在问题中，以真正帮助缩小问题范围。目前，我只使用alert（）命令打印可能出现的任何结果或错误。谢谢你的建议，我一定会用它来发展未来！例如，您可以使用

console.log（“some message”+someVariable）

将结果打印到控制台。一些优点包括无需等待清除或点击警报，以及可以从控制台复制和粘贴警报。很好，我刚刚尝试过，这比在每个输出中使用alert（）更简单、更清晰！再次感谢！太好了，非常感谢！另外，在编写这样的脚本时，您是否使用控制台来检测错误消息？Windows上的键盘关机键是CTRL+SHIFT+K，OSX是CMD+OPTION+J。。。我发现它对于浏览器客户端的JavaScript开发至关重要。如果错误消息不够清楚，可以将其包含在问题中，以真正帮助缩小问题范围。目前，我只使用alert（）命令打印可能出现的任何结果或错误。谢谢你的建议，我一定会用它来发展未来！例如，您可以使用

console.log（“some message”+someVariable）

将结果打印到控制台。一些优点包括无需等待清除或点击警报，以及可以从控制台复制和粘贴警报。很好，我刚刚尝试过，这比在每个输出中使用alert（）更简单、更清晰！再次感谢！谢谢你，我真的很感谢你的帮助！谢谢你，我真的很感谢你的帮助！