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') 

... 이미 첫 번째 줄에 사용하고있는 방법이다.