嘗試通過單擊事件偵聽器使用 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，現在可以使用了。