我的選單欄中有 4 個圖示，當我按下 fa-plus-square 時，我想隱藏 div #addPost。我相信我的 JS 很好，在這里找不到問題
function showPost(){
let add = document.getElementsById("addPost")
if (add.style.display === "none" ){
add.style.display = "block"
} else {
add.style.display = "none"
}
} <ul class="icons">
<li>
<i class="fas fa-home" style="color: black;"></i>
</li>
<li>
<i class="fas fa-inbox"></i>
</li>
<li>
<i class="far fa-plus-square" onclick="showPost()"></i>
</li>
<li>
<i class="far fa-heart"></i>
</li>
</ul>
<div id="addPost" >
<div class="title">Create new post
<i class="fas fa-times"></i>
</div>
<div class="name">
<input type="Name" placeholder="Username" required>
</div>
<div class="post">
<textarea placeholder="What's on your mind?" ></textarea>
</div>
<div class="comment">
</div>
</div>uj5u.com熱心網友回復：
它應該是 getElementById 而不是 getElementsById！洗掉元素末尾的 's'。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/334089.html
標籤：javascript html
下一篇：洗掉動態創建的表單元素