吃雞游戲
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>
添加回答
舉報
0/150
提交
取消