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"は、idが「b」の要素の子である<a>要素を選択します。

Answer 2

>文字をエスケープする必要があります。セレクタによる問合せは、文字の前のタイプを探します

Answer 3

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">

下回ることがなく、テキストを探しますので、スニペットを参照してください。

これはあなたが

var x = document.querySelector('#b\\>a');