在HTML中獲取子元素的最佳做法是什么？

Question

像從類中獲取變量之類的東西。

ParentElement.someId.someId..

如果我在CSS中有類似的內容：

#someId #aaa #bbb
{
    ...
}

#someOtherId #aaa #bbb
{
    ...
}

而且我只想獲取“ #someId”下的元素。 就像是

getElementById("someId aaa bbb"); 

太好了，不幸的是，這不起作用。

有任何想法嗎？

Answer 1

如果您為元素指定了id ，則可以說

document.getElementById(childId)

ID在文件中必須是唯一的。

在您的方案中，我認為您在多個位置具有相同Id元素。 您可以使用用戶class代替id 。

Answer 2

我假設您要在javascript中獲取元素，或者在HTML中“獲取”是什么意思？

<div id="box">
    <div>Child element</div>
    <div>Child element</div>
</div>

您可以通過getElementById('box');訪問特定元素getElementById('box'); 您可以通過getElementById('box').children訪問其getElementById('box').children 。 因此，第一個孩子將是例如getElementById('box').children[0] 。

這對您有幫助嗎？

Answer 3

ID在文檔中是唯一的，因此您的ParentElement.someId.someId可以簡單地轉換為document.getElementById(childId) 。

關於您發布的示例CSS ，請注意，您不能同時在同一HTML中同時使用這兩種情況，但是您可以根據DOM層次結構進行不同的樣式設置。 考慮到這一點，您可以使用相同的document.getElementById(childId)調用。

Answer 4

ID應該是唯一的，因此您真的不應該一遍又一遍地使用具有相同ID的元素，而可以使用class 。

但是，要訪問元素，首先要獲得父元素：

var parent = document.getElementById("someId");

然后在父對象上使用querySelector獲得所需的元素：

var element = parent.querySelector('.ELEMENT_CLASS');

如果是id，則：

var element = parent.querySelector('#ELEMENT_ID');