Javascript 动态更新标题标记

我有几个标题标签，ID分别为“Cat1”、“Cat2”、“Cat3”等

<h3 id="Cat1"></h3>

首先，为什么会发生这种情况，其次，我如何才能成功地用数组中的每个类别更新标题标记

---

编辑：如果我将“Cat1”写入getElementById脚本，它将更新h3标记。但是，变量identify的读取似乎不正确。

发生错误的原因是document.getElementByIdidentify，当您试图查找的元素不存在时会发生这种情况。否则，代码看起来是正确的

---

确保页面上有足够的Cat元素来填充。调试此问题的一种方法是使用console.logiIdentity，然后查看HTML以查看是否具有控制台中显示的所有元素。

我们需要查看一个。从这段代码中我只能告诉您document.getElementByIDIdentity未定义。一个可能的原因是多个项目具有相同的ID。您在类别\u数组中得到了什么？你能显示它吗？@Liam，对具有相同ID的元素使用getElementById仍然会选择其中一个元素，它不会返回null。只有在找不到元素的时候。如果HTML是无效的，那么多个id是无效的，那么所有关于javascript引擎工作方式的赌注都是无效的。

    for(var x=0; x<category_array.length; x++) {
        var word = category_array[x];
        var identify = "Cat" + (x+1).toString();
        document.getElementById(identify).innerHTML = word;
        }

Uncaught TypeError: Cannot set property 'innerHTML' of null