如何使用javascript通过id检测元素内部元素
How to detect element inner elements by id using javascript?
如何使用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")
相关文章:
- 检测页面上某个元素中选择(突出显示)或单击的内容
- 如何检测重叠元素下的单击
- 检测未来元素的存在并采取行动
- 当静态元素与滚动上的固定元素位置重叠时进行检测
- 如何使用javascript检测不可滚动元素中的滚动事件和方向
- 如何在呈现页面后使用 Java 脚本检测 dom 元素值的值是否有任何变化(例如,任何输入或复选框值更改)
- 检测单击了哪个元素
- 检测可滚动元素内的滚动位置
- 在幻灯片放映时检测元素具有特定类
- 单独检测共享同一类的元素
- 如何检测html元素是否在浏览器窗口中
- Javascript检测元素前面的元素
- 如何检测多点触摸手指何时移动到子元素上
- 如何检测 javascript 中元素的存在
- 使用jquery.visible.js和偏移量检测元素是否在视口中
- 使用突变观测器检测添加到DOM的元素
- 正在检测Html元素是否与另一个Html元件重叠
- 滚动后,检测元素何时返回到原始位置
- 突变观察者未能检测到元素's删除dom
- 从自定义元素检测事件侦听器(惰性地发出事件)