Javascript 如何将getElementById与不同的Id名称组合

Javascript 如何将getElementById与不同的Id名称组合,javascript,Javascript,是否可以将getElementById与不同的id名称组合?如何实现 函数onOpen(){ var x1=document.getElementById(“标题”); var x2=document.getElementById(“菜单”); var x3=document.getElementById(“程序”); x1.style.filter=“模糊(5px)” x2.style.filter=“模糊(5px)” x3.style.filter=“模糊(5px)” } Id是唯一的,据我

是否可以将getElementById与不同的id名称组合?如何实现

函数onOpen(){ var x1=document.getElementById(“标题”); var x2=document.getElementById(“菜单”); var x3=document.getElementById(“程序”); x1.style.filter=“模糊(5px)” x2.style.filter=“模糊(5px)” x3.style.filter=“模糊(5px)” }
Id是唯一的,据我所知,您一次不能选择多个Id。但是,您可以使用document.getElementsByClass选择多个类,并为所有类指定一个类。

您可以使用
querySelectorAll
,然后使用
NodeList.forEach()进行迭代。

函数onOpen(){ const els=document.queryselectoral(“#头,#菜单,#程序”); els.forEach(el=>el.style.filter=“blur(5px)”; } onOpen()
测试
试验

测试
你是什么意思?举个例子。这个问题现在对awnser来说太宽泛了。@IonutEugen他不想一行一行地设置每个元素,他希望能够一次完成所有的工作,或者在一个较小的代码库中完成。而不是像图中所示那样逐行显示。这是我的看法,我明白了。我现在明白了。哦,我忘了。我的错,我建议更多关于HTMLDOM.TQ的文档,我打算重命名我所有的类名,然后你进来了。再次感谢