Id';数组javascript中的s

Id';数组javascript中的s,javascript,html,arrays,Javascript,Html,Arrays,我的HTML脚本中有一组id。是否有一种合适的方法将它们放入javascript中的数组中,以立即更改所有id(“blauw*)的背景 以下是我的HTML代码: <table width="90%" border="0" cellspacing="0" cellpadding="0"> <tr> <td>&nbsp;</td> <t

我的HTML脚本中有一组id。是否有一种合适的方法将它们放入javascript中的数组中,以立即更改所有id(“blauw*)的背景

以下是我的HTML代码:

<table width="90%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td><a href="#"><img id="blauw1" src="images/lamp_uit.png" width="32" height="63"></a></td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td><a href="#"><img id="blauw2" src="images/lamp_uit.png" width="32" height="63"></a></td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td><a href="#"><img id="blauw3" src="images/lamp_uit.png" width="32" height="63"></a></td>
                  <td>&nbsp;</td>
                  <td><a href="#"><img id="blauw4" src="images/lamp_uit.png" width="32" height="63"></a></td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td><a href="#"><img id="blauw5" src="images/lamp_uit.png" width="32" height="63"></a></td>
                  <td><a href="#"><img id="blauw6" src="images/lamp_uit.png" width="32" height="63"></a></td>
                  <td><a href="#"><img id="blauw7" src="images/lamp_uit.png" width="32" height="63"></a></td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td><a href="#"><img id="blauw8" src="images/lamp_uit.png" width="32" height="63"></a></td>
                  <td>&nbsp;</td>
                  <td><a href="#"><img id="blauw9" src="images/lamp_uit.png" width="32" height="63"></a></td>
                  <td>&nbsp;</td>
                  <td><a href="#"><img id="blauw10" src="images/lamp_uit.png" width="32" height="63"></a></td>
                </tr>
              </table>

您可以使用以下属性选择元素:

document.querySelectorAll("img[id^=blauw]");

e、 g:


您应该能够向所有这些元素添加一个类,然后使用GetElementsByCassName将这些元素引用到JS数组中。

不是真的。ID在整个文档中是唯一的。CSS不允许在ID选择器中使用wilcards,例如

#blauw* { color: red }
是非法语法。您必须编写一个极其浪费/不完善的:

#blauw1, #blauw2, ..., #blauw999999 { color: red }
如果你想给它们涂上相同的颜色,为什么不给它们上一节课呢

.blauw { color: red}

<img id="..." class="blauw" ... />
              ^^^^^^^^^^^
.blauw{color:red}
^^^^^^^^^^^

最好使用
blauw

但假设ID的最后部分是从1开始的连续整数

var i=0,arr=[],el;
而(el=document.getElementById('blauw'+++i))arr.push(el);

但是有了js,他可以做得很好……即使在这种情况下使用id也是错误的:)事实上我不知道为什么这个问题是专门的!!!这是关于编程的,里面有源代码,很清楚op想要什么。我从来没有读过任何规则,你的源代码必须是专业的!。因此,即使是一个糟糕的代码,也不是专门的问题。也没有t不知道一个问题的答案并不重要!我会投票的!我可以这样改变背景吗?document.queryselectoral(“img[id^=blauw]”)。src=“images/lamp_blauw.png";@马纳里巴没有
querySelectorAll
将返回一组html元素,您必须将它们全部循环并更改每个元素的背景。检查更新。对下面的问题有什么想法吗
#blauw1, #blauw2, ..., #blauw999999 { color: red }
.blauw { color: red}

<img id="..." class="blauw" ... />
              ^^^^^^^^^^^