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: An invalid or illegal string was specified

Answer 1

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

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