Fatal编程技术网
  • javascript/
  • 如何获取JavaScript中document.getElementById检索的DOM元素的第一级子元素？

如何获取JavaScript中document.getElementById检索的DOM元素的第一级子元素？

javascript dom

如何获取JavaScript中document.getElementById检索的DOM元素的第一级子元素？,javascript,dom,parent-child,selector,Javascript,Dom,Parent Child,Selector,我有一个outer元素，该元素由document.getElementById检索（我无法更改此部分，因为outer变量是由其他代码传入的）。如何获取其具有类内部的直接子元素？我尝试了outer.querySelectorAll（“.inner”），它将获得所有.inner元素（请参见下面的演示）。我只想要直接子对象，并且拥有.internal。我还尝试了outer.querySelectorAll（“>.inner”），但它不起作用。我该怎么做 var outer=document.getE

我有一个
outer
元素，该元素由
document.getElementById
检索（我无法更改此部分，因为
outer
变量是由其他代码传入的）。如何获取其具有类
内部
的直接子元素？我尝试了
outer.querySelectorAll（“.inner”）
，它将获得所有
.inner
元素（请参见下面的演示）。我只想要直接子对象，并且拥有
.internal
。我还尝试了
outer.querySelectorAll（“>.inner”）
，但它不起作用。我该怎么做



var outer=document.getElementById（“outer”）；
var all=outer.queryselectoral（“.inner”）；
all.forEach（函数（e）{
e、 style.border=“1px纯红色”；
});


内部的
内部2

如果
外部
已经在变量中，您可以在查询字符串的开头使用
:scope
和
querySelectorAll
来“选择”正在调用
querySelectorAll
的元素：



var outer=document.getElementById（“outer”）；
outer.querySelectorAll（“：scope>.inner”）.forEach（（e）=>{
e、 style.border=“1px纯红色”；
});


内部的
内部2

感谢您的快速响应！我不知道
：范围
。我只能在10分钟内接受你的回答。