javascript - id值没有写错，js文件也是放在最下面加载的，但是还是没有获取到该元素

问题描述

问 题

设置了一些值为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之间的空格是——

全角空格！！！！！！！

这篇关于javascript - id值没有写错，js文件也是放在最下面加载的，但是还是没有获取到该元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！