なぜ私はquerySelectorAll（）エラー

Question

iがdocument.getElementsByAttribute機能を実装しようとしましたが、私はこの付属取得しています：

function getElementsByAttribute(att, val){ 

    return document.querySelectorAll(`[${att} = ${val}]`) 

} 

が、私は直接return文を入力しようとすると、私はエラーを取得する理由コンソールの場合：

document.querySelectorAll("["id" = "btn"]") 

getElementsByAttribute2('id', 'btn')と同じではありませんか？

Answer 1

が、私は、コンソール上で直接return文 を入力しようとすると、私はエラーを取得する理由：

document.querySelectorAll("["id" = "btn"]")

何をコンソールに入力していることと同じではありませんのであなたの機能には何がありますか？

document.querySelectorAll(`[${att} = ${val}]`) 

そして、テンプレートリテラルは、それらを引用または文字列の残りの部分とそれらを連結する気にすることなく、通常の文字列リテラルに直接挿入することができます：あなたの関数は、template literalsを使用しています。

コンソールに直接入力すると、テンプレートリテラルは使用されませんでした。リテラルを使用しただけで、その場合は引用符と連結が重要になります。引用符は最初のペアがあるので、ペアで来る："["とそれはすぐにidが続いているし、このように二つの部分を連結していなかったので：

"[" + id 

それはエラースロー - unexpected identifierのような、おそらく何かを。値の周り

[attributeName comparisonOperator value] 

の引用は、値にスペースが含まれる場合にのみ必要です。

CSSの属性セレクタは次の形式を取る必要があります。したがって、次のように書くことができます：

document.querySelectorAll("[id=btn]");