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

我的这个密码不起作用

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

试图构建一个“我的HTML”的“阅读更多”部分，该部分隐藏在手机上，并在用户单击按钮时重新出现

样式表有一个媒体查询，当窗口变得足够小时，该查询会将具有“读取更多更少”内部类的div上的显示设置为“无”。我希望这个“阅读更多”按钮覆盖我制作的样式并显示出来

事件侦听器在我单击它时激发，只是样式没有改变

---

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

阿美的评论就是解决方案。谢谢

---

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

getElementsByClassName返回一个

节点列表

，而不是一个元素，并且没有

样式

属性。

document.getElementsByClassName（“读取更多内部内容”）[0].style.display

…但老实说，如果是我，我可能会将所有这些功能放在表示层上，而不是javascript，并像隐藏的复选框一样使用：

：checked

伪类，让css也这样做，并保留11Y和ARIA功能。：）通过在答案中添加更新的代码，可以改进答案的可能重复。你可以在一段时间后接受你自己的答案，并获得一些代表。我甚至会投你的赞成票