设置了一些值为gridCell_3_3,gridCell_3_2,gridCell_3_1,gridCell_2_1之类的id,
用两个for循环获取这些元素
for (var i = 0; i < 4; i++) {
for (var j = 0; j < 4; j++) {
var gridCell = document.getElementById('gridCell_'+i+'_'+j);
alert(gridCell)//为null,是哪里的问题
}
}
<div id="gridContainer" class="container">
<div class="grid-cell" id="gridCell_0_0"></div>
<div class="grid-cell" id="gridCell_0_1"></div>
<div class="grid-cell" id="gridCell_0_2"></div>
<div class="grid-cell" id="gridCell_0_3"></div>
<div class="grid-cell" id="gridCell_1_0"></div>
<div class="grid-cell" id="gridCell_1_1"></div>
<div class="grid-cell" id="gridCell_1_2"></div>
<div class="grid-cell" id="gridCell_1_3"></div>
<div class="grid-cell" id="gridCell_2_0"></div>
<div class="grid-cell" id="gridCell_2_1"></div>
<div class="grid-cell" id="gridCell_2_2"></div>
<div class="grid-cell" id="gridCell_2_3"></div>
<div class="grid-cell" id="gridCell_3_0"></div>
<div class="grid-cell" id="gridCell_3_1"></div>
<div class="grid-cell" id="gridCell_3_2"></div>
<div class="grid-cell" id="gridCell_3_3"></div>
</div>
返回
null
,表示并没有找到以你输入字符串为ID的元素。题主………我讨厌你…………
我捣鼓了老半天,左看右看上看下看,就差穿过屏幕看了,这代码没毛病啊………
最后猜测是不是V8的Bug,换了edge和firefox也是一样的……难不成浏览器全体抽风了??
然后我无意中把鼠标放到了标签中,发现……
标签里面
class
和id
之间的空格是——全角空格!!!!!!!