javascript - querySelector 中的父 > 子选择器

Question

如何获得> p > a在 querySelector 中工作？

<div id="container">
    <p>
        <a href="#">Link</a>
    </p>
</div>

<script type="text/javascript">    
console.log(document.getElementById("container").querySelector("> p > a"));
</script>

SyntaxError：指定了无效或非法的字符串

Answer 1

阻止你的是领导>。如果您要使用querySelector，您也可以通过这种方式获取容器，而不是使用getElementById.

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