JavaScript Chrome似乎不支持通過setAttributeNode添加ID

Question

所以我正在為我的網站開發一個JavaScript搜索器，它已經用了幾天，當我意識到它與Chrome不兼容時，所以我檢查了一些其他瀏覽器，並意識到它適用於Firefox和IE9，但是無法在Chrome或Safari中使用。

我已經將Chrome和Firefox中的調試器並排傾倒了幾個小時，並且不能為我的生活找出問題所在。 它一直給我一個錯誤。 我確切地知道錯誤意味着什么，以及為什么它給我錯誤，但我無法弄清楚是什么導致了它。

這是錯誤：Uncaught TypeError：無法設置null的屬性'innerHTML'

我知道這意味着沒有該Id的對象，但是我設置了一個對象以便擁有該ID。 在該代碼行的Firefox調試器中，它表示已經設置了Id，但在Chrome調試器的同一行中，它表示它沒有。

以下是代碼的摘錄：

  arrayFinal[arrayln2]="end";
  var displayNumber=0;
  while(arrayFinal[displayNumber].charAt(0) != "e"){
    var boxPath="camper_htmls/"+arrayFinal[displayNumber]+".txt";
    boxhttp = new XMLHttpRequest();
    boxhttp.open("GET",boxPath,false);
    boxhttp.send(null);
    var boxHTML = boxhttp.responseText;
    var setDivId=document.createAttribute("Id");
    setDivId.value=("div_"+displayNumber);
    var node = document.createElement("div");
    node.setAttributeNode(setDivId);
    document.getElementById("resultContainer").appendChild(node);
    var divIdNumber = ("div_"+displayNumber);
    document.getElementById(divIdNumber).innerHTML=boxHTML;
    displayNumber++;
  }

雖然該代碼的幾乎每個頁面都使用了此代碼的一個版本，但它們都不起作用。

Answer 1

使用id而不是Id

var setDivId=document.createAttribute("id");

DEMO