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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

javascript 文檔.querySelectorAll

javascript 文檔.querySelectorAll

catspeake 2023-01-06 10:55:54
我在這里要做的是修改元素并使用 JS 添加屬性(類)。腳本  var x = document.querySelectorAll(".clearfix div");  x[0].setAttribute("class", "regDesign");  x[1].setAttribute("class", "regDesign");HTML 默認格式<div class="clearfix"><div>    <div></div>    <div></div>    <div></div>    <div></div>    <div></div>    a lot of divs here</div><div>    <div></div>    <div></div>    <div></div>    a lot of divs here</div></div>HTML 結果<div class="clearfix">    <div class="regDesign">        <div class="regDesign"></div>    </div>      <div>        <div></div>    </div></div>期望的 HTML 結果<div class="clearfix">    <div class="regDesign">        <div></div>    </div>      <div class="regDesign">        <div></div>    </div></div>謝謝你的幫忙。
查看完整描述

3 回答

?
阿波羅的戰(zhàn)車

TA貢獻1862條經(jīng)驗 獲得超6個贊

您可以按如下方式修改選擇器:


var x = document.querySelectorAll(".clearfix > div");

x[0].setAttribute("class", "regDesign");

x[1].setAttribute("class", "regDesign");


console.log(document.getElementsByClassName("clearfix")[0].innerHTML);

<div class="clearfix">

    <div>

        <div></div>

    </div>  

    <div>

        <div></div>

    </div>

</div>

您可以在此處閱讀更多內(nèi)容。



查看完整回答
反對 回復 2023-01-06
?
達令說

TA貢獻1821條經(jīng)驗 獲得超6個贊

您可以對任意數(shù)量的類執(zhí)行類似的操作。<div>

要添加類,請使用classList.add()而不是setAttribute()


var x = document.querySelectorAll(".clearfix > div");

for(let i = 0; i < x.length; i++) {

  x[i].classList.add("regDesign");

}


console.log(document.getElementsByClassName("clearfix")[0].innerHTML);

<div class="clearfix">

    <div>

        <div></div>

    </div>  

    <div>

        <div></div>

    </div>

</div>


查看完整回答
反對 回復 2023-01-06
?
慕容708150

TA貢獻1831條經(jīng)驗 獲得超4個贊

這將動態(tài)執(zhí)行,即使每個 div 中有多個 div:


var x = document.querySelectorAll(".clearfix>div");

x[0].setAttribute("class", "regDesign");

x[1].setAttribute("class", "regDesign");


查看完整回答
反對 回復 2023-01-06
  • 3 回答
  • 0 關注
  • 259 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號