Question

如何使用javascript检测id引用的元素内部元素？

我有3个元素<div>这样，我想检测<span id="inner">内部<div id="outer_3">是否存在？

在此代码中，答案将显示not

我该怎么做？

<div id="outer_1">
    <span id="inner">
    </span>
</div>

<div id="outer_2">
    <span id="inner">
    </span>
</div>

<div id="outer_3">
</div>

Answer 1

HTML中不能包含重复的ID值。这被视为HTML违规，许多库无法正常使用。你应该使用一个类代替任何一个以下的元素：

<div id="outer_1">
    <span class="inner">
    </span>
</div>

<div id="outer_2">
    <span class="inner">
    </span>
</div>

<div id="outer_3">
</div>

然后您可以引用选择器，如：

document.querySelectorAll(".inner")

选择所有.inner元素。

或者，您可以将其与父ID组合以仅选择一些元素，例如：

document.querySelectorAll("#outer_1 .inner")

如何使用javascript通过id检测元素内部元素？

1 个答案: