亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

在vanilla JavaScript中,如何在完全加載頁面后選擇使用innerHTML屬性創建

在vanilla JavaScript中,如何在完全加載頁面后選擇使用innerHTML屬性創建

吃雞游戲 2023-10-14 15:44:35
    document.querySelector('#movies').innerHTML = `        <div class="row">          <div class="alert alert-primary w-50 mb-2" role="alert">            New genre added.          </div>        </div>        <div class="row">          <div class="card mb-2 w-50">            <div class="card-body">              <h5 class="card-title">${name}</h5>            </div>          </div>        </div>      `;從代碼片段中,我嘗試選擇那些具有.card-title類的元素  const cardsList = document.querySelectorAll('.card-title');  console.log(cardsList);但它繼續返回一個空的NodeList.innerHTML在創建 DOM 并加載頁面后,是否真的無法定位使用屬性添加的那些元素?
查看完整描述

1 回答

?
呼如林

TA貢獻1798條經驗 獲得超3個贊

無需特殊治療。節點一旦插入,就不會記住它們來自哪里。最有可能的是,您在插入實際發生之前運行查詢代碼。


const name = 'Your Name Here';

document.querySelector('#movies').innerHTML = `

  <div class="row">

    <div class="alert alert-primary w-50 mb-2" role="alert">

      New genre added.

    </div>

  </div>

  <div class="row">

    <div class="card mb-2 w-50">

      <div class="card-body">

        <h5 class="card-title">${name}</h5>

      </div>

    </div>

  </div>

`;


const cardsList = document.querySelectorAll('.card-title');

console.log(cardsList[0]);

<section id="movies">Loading...</section>


查看完整回答
反對 回復 2023-10-14
  • 1 回答
  • 0 關注
  • 127 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號