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

How to detect element inner elements by id using javascript?

本文关键字:元素 检测 内部 id 通过 何使用 javascript      更新时间:2023-09-26

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

我有3个这样的元素<div>,我想检测<span id="inner">里面的<div id="outer_3">是否存在?

在此代码中,Answer将显示not

我该怎么做呢?

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

在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")