如何将变量传递给queryselectorAll？

Question

您好我想将一个变量传递给queryselectorAll。我尝试了几件事，但没有为我工作。我这样做是因为在我的代码中，每次点击一个按钮，我都会将变量更改为新变量。

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

提前致谢

Answer 1

这个问题可以简化为：如何从固定部分和可变部分构造字符串？

答案是：

'#' + containerBox.id + 'template'

（即，不要在变量名称旁边加上引号）。

但是为什么要使用.querySelectorAll()来获取第一个索引呢？您只需拨打.querySelector()即可。

如果你需要得到的只是一个具有指定id的元素，你可以这样做：

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

...这是您在第一行中使用的方法。