TA貢獻1900條經驗 獲得超5個贊
ID 唯一標識頁面上的一個元素。您描述的行為更像是 ID 中的“類”：
document.querySelector("#counter-for-drinks .up-arrow")所以如果你想要一個不同的up-arrow，它是：
document.querySelector("#counter-for-burgers .up-arrow")document.querySelector()是類似于 jQuery 的東西$(" ")。它還具有document.querySelectorAll()獲取所有匹配元素的形式。
TA貢獻1852條經驗 獲得超7個贊
您的 HTML 缺少結束標記。您可以隨時在此處驗證您的代碼。此外，您應該使用class而不是id.
<div id='layer1'>
<div class='a'></div>
<div class='b'></div>
</div>
<div id='layer2'>
<div class='a'></div>
<div class='b'></div>
</div>
<div id='layer3'>
<div class='a'></div>
<div class='b'></div>
</div>
您可以使用 javascript 來獲取元素： document.querySelector("#layer1 .a")
TA貢獻1802條經驗 獲得超6個贊
var firstA = document.querySelectorAll('#layer1 #a');
var nodeString = '';
if (firstA.length > 0) {
for (var i = 0; i < firstA.length; i++) {
nodeString = nodeString + firstA[i].innerText + '<br/>';
}
}
document.getElementById('founded-nodes').innerHTML = nodeString;
#founded-nodes {
color: brown;
}
<div id='layer1'>
<div id='a'>layer1 aaa</div>
<div id='b'>layer1 bbb</div>
</div>
<div id='layer2'>
<div id='a'>layer2 aaa</div>
<div id='b'>layer2 bbb</div>
</div>
<div id='layer3'>
<div id='a'>layer3 aaa</div>
<div id='b'>layer3 bbb</div>
</div>
<div id="founded-nodes"></div>
舉報