如果有很多同一個類，如何使用JavaScript獲取特定元素？

Question

我有這個代碼。 如何獲得'div1' 'a' 'div1' ：

<div id="div1">
    <div class="a"></div>
    <div class="b"></div>
</div>
<div id="div2">
    <div class="a"></div>
    <div class="b"></div>
</div>

感謝幫助。 剛開始學習JavaScript。

Answer 1

應該這樣做：

document.querySelector('#div1 > .a');

• #是ID選擇器 ； #div與id="div1"匹配的元素
• >是子選擇器
• . 是類選擇器 ; .a與class="a"任何元素匹配

這一起專門選擇了<div class="a">元素，該元素是<div id="div1">的子元素。