我試圖用一個復選框打開側面導航欄，但是當我選中該框時，側邊欄沒有出現

Question

有什么想法我哪里出錯了嗎？ 我嘗試在 CSS 內將寬度設置為 0 並使用 JavaScript 添加寬度它仍然沒有用。

 function showsidenav(){ document.getElementsById("barres").style.display = "block"; }

 .opened-side-nav { background-color: ghostwhite; width: 30%; height: 100%; position: absolute; border-right: black 2px solid; z-index: 1; overflow: hidden; display: none; }

 <!--Nav Bar--> <div class="opened-side-nav" id="barres">Content</div> <div class="logo"> <input id="5055" class="showsidenavbar" type="checkbox" onclick="showsidenav()"> <label for="5055">=</label> </div> </div>

Answer 1

使用getElementById而不是getElementsById 。 對於 id，Element 中沒有“s”。 拼寫中的“s”是導致它的原因，也就是說，如果您的代碼工作正常。