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

时间:2019-03-22 19:32:20

标签: javascript css

我的此代码不起作用。

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

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

样式表具有一个媒体查询,当窗口足够小时,该查询将在具有read-more-less-inner类的div上将显示设置为无。我希望该“更多阅读”按钮替代我制作的样式并显示出来。

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

我认为这没有什么不同,但我在wordpress页面中执行了该项目。

1 个答案:

答案 0 :(得分:-1)

艾米斯的评论就是解决方案。谢谢!

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