javascript - getElementById(...) 意外返回 null

Question

已编辑:我几乎检查了有关此问题的数十篇文章，但我根本无法在我的代码中找到问题:该行(下面注释)返回 null，尽管我期望它返回我在上面创建和添加的特定元素。

    element2 = document.createElement("button");
    element2.innerHTML = "-";
    element2.text = rowCounter;
    element2.style.backgroundColor = 'white';
    element2.id = "kuerzer"+rowCounter; //rowCounter is an iterator variable
    ell2.appendChild(element2);
    console.log(document.getElementById(element2.id)); //returns null

但是，我现在尝试在另一个函数中找到这个元素，如下所示:

function structureGantData(){
      var gantData = [[]];
      for(i=0; i<document.getElementById("myTable").rows.length; i++){
        console.log("schleife");
        gantData[i][0] = document.getElementById("kuerzer",(i+1)).text; //ISSUE

有人可以帮助我吗？ :-)

非常感谢!

法比安

Answer 1

您尚未将创建的元素添加到 DOM，因此无法在那里找到它。

您可以使用 Node.appendChild (或任何其他类似的)方法将其首先附加到某处。