Javascript "document.getElementById"通配符循环？

Question

Javascript“document.getElementById”行可以使用通配符吗？

我有一个包含 3 个 div 元素(“page1、page2、page3”)的 Vb.net 表单。我希望完成的是允许用户单击将导航到下一个 div(“page#”)的按钮或超链接按钮。有没有一种方法可以在不进行硬编码的情况下执行类似以下操作并循环遍历具有“page1”、“page2”、“page3”等 ID 的每个元素？

function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'none')
e.style.display = 'block';
else
e.style.display = 'none';

Answer 1

据我了解，您正在寻找 querySelectorAll 函数和 for-in 循环:

var elements = document.querySelectorAll("[id^='page']");
for(var e in elements){
   // do Stuff - each element get's reached by elements[e]
}

例如:

var elements = document.querySelectorAll("[id^='page']");
for(var e in elements){
   if(elements[e].style.display == 'none')
        elements[e].style.display = 'block';
    else
        elements[e].style.display = 'none';
}

这将捕获所有 id 以单词“page”开头的元素并切换它们的可见性