父母＆gt; 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")