查询选择器中的“父”>“子”选择器

Question

如何获得> 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>

语法错误：指定了无效或非法的字符串

Answer 1

正是这种领先>阻止了你。如果您要使用，querySelector那么也可以通过这种方式获取容器，而不要使用getElementById。

document.querySelector("#container > p > a")