document.getElementById("X").innerHTML只能替换第一个吗？能不能替换页面中所有相同的对象？

[qq_783939100]

 function () {
							document.getElementById("zpe").innerHTML='111111'
							}

<span id="zpe"></span>
<span id="zpe"></span>
<span id="zpe"></span>
<span id="zpe"></span>
<span id="zpe"></span>

执行后，想要得到：
<span id="zpe">111111</span>
<span id="zpe">111111</span>
<span id="zpe">111111</span>
<span id="zpe">111111</span>
<span id="zpe">111111</span>

但只能得到：
<span id="zpe">111111</span>
<span id="zpe"></span>
<span id="zpe"></span>
<span id="zpe"></span>
<span id="zpe"></span>

怎么才能替换页面中所有id="zpe"呢？而不是只替换第一个，谢谢！

[天际的海浪]

用 document.getElementById()只能获取重名id元素的第一个。 有获取所有id为zpe的元素可以用 document.querySelectorAll("#zpe")。这个返回的是一个数组，要循环数组逐个进行设置。 var arr = document.querySelectorAll("#zpe"); for (var i = 0; i < arr.length; i++) { arr[i].innerHTML="11111"; }

[qq_783939100]

引用 1 楼 天际的海浪 的回复:

用 document.getElementById()只能获取重名id元素的第一个。 有获取所有id为zpe的元素可以用 document.querySelectorAll("#zpe")。这个返回的是一个数组，要循环数组逐个进行设置。 var arr = document.querySelectorAll("#zpe"); for (var i = 0; i < arr.length; i++) { arr[i].innerHTML="11111"; }

非常感谢！