我能够做到这一点:
<div id="myDiv">
<div class="foo"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
myDiv = getElementById("myDiv");
myDiv.querySelectorAll("#myDiv > .foo");
Run Code Online (Sandbox Code Playgroud)
也就是说,我可以成功检索myDiv具有类的元素的所有直接子元素.foo.
问题是,让我困扰的是我必须#myDiv在选择器中包含它,因为我在myDiv元素上运行查询(所以它显然是多余的).
我应该能够离开#myDiv,但是选择器不是合法的语法,因为它以a开头>.
有谁知道如何编写一个选择器,它只获取运行选择器的元素的直接子元素?
如何获得> p>在querySelector中工作?
<div id="container">
<p>
<a href="#">Link</a>
</p>
</div>
<script type="text/javascript">
console.log(document.getElementById("container").querySelector("> p > a"));
</script>
Run Code Online (Sandbox Code Playgroud)
语法错误:指定了无效或非法的字符串