getElementById(...)意外返回null

时间:2016-08-08 21:47:12

标签: javascript getelementbyid

已编辑:我在这个问题上几乎检查过几十篇文章,但我无法在代码中找到问题:该行(下面评论)返回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
&#13;
&#13;
&#13;

有人能帮帮我吗? : - )

非常感谢!

费边

2 个答案:

答案 0 :(得分:4)

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

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

答案 1 :(得分:0)

我认为您打算在document.getElementById("kuerzer" + (i + 1))中致电document.getElementById("kuerzer", i + 1)而不是structureGantData