queryselectorAllに変数を渡す方法は？

Question

こんにちは私はqueryselectorAllに変数を渡したいと思います。私はいくつかのことを試しましたが、私にとってはうまくいきませんでした。私のコードでは、ボタンをクリックするたびに変数を新しいものに変更するので、私はそれをやっています。事前

Answer 1

で

var container = document.getElementById(containerBox.id) 
// I want containerBox.id to be called in querySelectorAll 
templateDiv = document.querySelectorAll('#' + 'containerBox.id' + 'template')[0].content.firstElementChild 

おかげでこの質問をのように簡略化することができます：どのように私は、固定部分から文字列や変数の一部を構成していますか？

その答えは次のとおりです。

'#' + containerBox.id + 'template' 

（すなわち、ちょうどあなたの変数名の前後に引用符を入れないでください）。

しかし、最初のインデックスを取得するのにちょうど.querySelectorAll()を使用するとどうしてですか？代わりに.querySelector()に電話することもできます。

そして、あなたが取得する必要があり、すべてが指定されたIDを持つ要素である場合、あなただけのこの操作を行うことができます

：

document.getElementById(containerBox.id + 'template') 

...あなたはすでにあなたの最初の行に使用している方法があります。