javascript - 如何将变量传递给queryselectorAll？

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 5 年前。

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

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