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

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

我有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>

---

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>

选择所有。内部元素

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

document.querySelectorAll("#outer_1 .inner")

---

1.是不习惯于使用相同的id用于多个案例的分类，还是使用不同的id您尝试了什么？不工作的JavaScript在哪里？你能提供一些代码或工作的JSFIDLE吗？这是使用JQuery的一个非常有效的用例。如果你使用JQuery，你可以使用这些$'outer\u id'。查找'>*'或$'outer\u id'。children@devicrepoyihut-因此，要么给自己找一个库，让选择器查询在像JQuery或Sizzle这样的古老IE版本上工作，要么使用document.getElementById和document.getElementsByClassName的组合。您的问题并没有具体说明您在这方面到底想要什么，现在支持IE7的人非常少。@devicrepoyhut-或者说服您自己或其他人不再值得支持IE7。从某些指标来看，IE7目前的市场份额还不到0.5%。

document.querySelectorAll("#outer_1 .inner")