這是我的代碼：<div id='layer1'> <div id='a'> <div id='b'><div id='layer2'> <div id='a'> <div id='b'><div id='layer3'> <div id='a'> <div id='b'>我想嘗試獲取layer1的元素[a]。我可以使用純 javascript 而不使用 jquery 和其他東西來做到這一點嗎？
3 回答
至尊寶的傳說
TA貢獻1789條經(jīng)驗 獲得超10個贊
ID 唯一標識頁面上的單個元素。您描述的行為更像是 ID 內(nèi)的“類”：
document.querySelector("#counter-for-drinks?.up-arrow")所以如果你想要一個不同的up-arrow，那就是：
document.querySelector("#counter-for-burgers?.up-arrow")document.querySelector()與 jQuery 類似$(" ")。它還具有document.querySelectorAll()獲取所有匹配元素的形式。
三國紛爭
TA貢獻1804條經(jīng)驗 獲得超7個贊
您的 HTML 缺少結(jié)束標簽。另外，您應(yīng)該使用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貢獻1806條經(jīng)驗 獲得超8個贊
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>
正如上面評論和答案中所說，必須在同一頁面上使用單個 id，否則必須使用類。但如果你想實現(xiàn)這一點，你可以看一下代碼。
- 3 回答
- 0 關(guān)注
- 148 瀏覽
添加回答
舉報
0/150
提交
取消