胡說叔叔
2022-10-21 14:39:29
我需要幫助來清除我的井字游戲的 div 值。這是我擁有的 HTML 代碼:<div class="btns"> <button class="btnstart" id="start">Start game</button><button class="btnrefresh" id="refresh">Refresh</button> </div> <div class="play-area gray pointerEvents"> <div id="block_0" class="block"></div> <div id="block_1" class="block"></div> <div id="block_2" class="block"></div> <div id="block_3" class="block"></div> <div id="block_4" class="block"></div> <div id="block_5" class="block"></div> <div id="block_6" class="block"></div> <div id="block_7" class="block"></div> <div id="block_8" class="block"></div> </div>這是我將 X 和 O 放在 div 上的代碼:boxes.addEventListener('click', e =>{ //dispalay x and o. move++; if (turn % 2 === 1){ event.target.innerHTML = activePlayer1; turn++; }else{ event.target.innerHTML = activePlayer2; turn--; } })現在我想使用以下代碼清除 div 類塊中的值:refreshbtn.addEventListener('click', e =>{ document.querySelector('.block').innerHTML = ''; })但這似乎不起作用。:(
2 回答

HUH函數
TA貢獻1836條經驗 獲得超4個贊
你需要querySelectorAll而不是querySelector. 由于您要更改多個元素。然后使用循環更改每個項目
const refreshbtn = document.querySelector("button");
const blocks = document.querySelectorAll(".block");
refreshbtn.addEventListener('click', e => {
blocks.forEach(block => {
block.innerHTML = "";
});
})
<div class="block">A</div>
<div class="block">B</div>
<div class="block">C</div>
<div class="block">D</div>
<div class="block">E</div>
<button>Refresh</button>
添加回答
舉報
0/150
提交
取消