第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何清除 div 中的值(TICTACTOE GAME)

如何清除 div 中的值(TICTACTOE GAME)

胡說叔叔 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--;                }    })現(xiàn)在我想使用以下代碼清除 div 類塊中的值:refreshbtn.addEventListener('click', e =>{             document.querySelector('.block').innerHTML = '';    })但這似乎不起作用。:(
查看完整描述

2 回答

?
HUH函數(shù)

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超4個(gè)贊

你需要querySelectorAll而不是querySelector. 由于您要更改多個(gè)元素。然后使用循環(huán)更改每個(gè)項(xiàng)目


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>


查看完整回答
反對(duì) 回復(fù) 2022-10-21
?
侃侃爾雅

TA貢獻(xiàn)1801條經(jīng)驗(yàn) 獲得超16個(gè)贊

document.querySelector('.block')只返回類塊的第一個(gè)元素,所以很明顯只有id 為 block_0的 div



查看完整回答
反對(duì) 回復(fù) 2022-10-21
  • 2 回答
  • 0 關(guān)注
  • 125 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)