访问节点的最快方式

Question

我有大约数千个 DIV 标签，其结构如下：

<div id="1">
    <div class="1"></div>
    <div class="2"></div>
    ...
</div>

<div id="2">
    <div class="1"></div>
    <div class="2"></div>
    ...
</div>

如果我现在想访问特定节点，请说“div#10 div.5” - 使用 javascript DOM 遍历实现此操作的最快方法是什么？ 我已经有了索引值“10”和“5” - 我只是在寻找实现此目标的最快方法。

多谢。

Answer 1

如果你有大约 1000 个 DIV，我认为这是自动生成的 html？

如果是这样，是否有什么原因不能将 id 添加到内部 DIV 中？

<div id="1">
    <div id="1.1" class="1"></div>
    <div id="1.2" class="2"></div>
    ...
</div>

<div id="2">
    <div id="2.1" class="1"></div>
    <div id="2.2" class="2"></div>
    ...
</div>

然后您可以只使用 getElementById 而不必担心顺序或间距等。

由于元素 id 在页面上必须是唯一的，因此这应该始终是查找元素的最快方法。

Answer 2

未经验证并假设子节点是唯一的节点并且全部按顺序排列；

document.getElementById('10').childNodes[4];

注意成为节点的空格 https://developer.mozilla.org/En/Whitespace_in_the_DOM

Answer 3

使用jquery：

alert($("#10 > .5").html());