quertySelector返回null值是什么？

Question

在搜索id"#b> a"时,querySelector返回null,但getElementById返回正确的元素.这是怎么回事？

var x = document.querySelector('#b>a');
console.log(x);
var y = document.getElementById("b>a");
console.log(y);

Name <input type="text" id="b>a">

Answer 1

该>字符在CSS选择器语法中有意义.你必须使用"#b\>a".

这>是"直接子"组合子,因此普通"#b>a"选择一个<a>元素是元素的子元素,其元素为"b".