尝试通过单击事件侦听器使用 Javascript 更改显示样式

Question

我的这段代码不起作用。

document.getElementById("information-read-more").addEventListener("click", function(){
    document.getElementsByClassName("read-more-less-inner").style.display= "block";
});

尝试构建我的 HTML 的阅读更多部分，该部分隐藏在移动设备上并在用户单击按钮时重新出现。

样式表有一个媒体查询，当窗口变得足够小时，它在具有 read-more-less-inner 类的 div 上将显示设置为 none。 我想要这个阅读更多按钮来覆盖我制作的样式并显示它。

当我单击它时，事件侦听器会触发，只是样式不会改变。

我不认为这有什么不同，但我在 wordpress 页面上做这个项目。

Answer 1

Amys 的评论是解决方案。 谢谢！

将其从类更改为 ID，现在可以使用了。