Wie übergibt man eine Variable an queryselectorAll?

Question

Hallo Ich möchte eine Variable an queryselectorAll übergeben. Ich habe ein paar Dinge ausprobiert, aber nicht für mich gearbeitet. Ich tue das, weil ich in meinem Code die Variable jedes Mal mit einem Klick auf eine Schaltfläche in eine neue umwandle.

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

Vielen Dank im Voraus

Answer 1

Diese Frage kann vereinfacht werden: Wie eine Zeichenfolge aus festen Teilen und einen variablen Teil I konstruieren?

Die Antwort darauf ist:

'#' + containerBox.id + 'template' 

(das heißt nur Anführungszeichen nicht um die Variablennamen).

Aber warum die .querySelectorAll() verwenden nur um den ersten Index zu greifen? Sie können stattdessen einfach .querySelector() anrufen.

Und wenn alles, was Sie bekommen müssen ein Element mit einer bestimmten ID ist, können Sie dies nur tun:

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

..., die die Methode, die Sie in Ihrer ersten Linie mit sind ohnehin schon ist.