getElementById (...) возвращает null неожиданно

Question

EDITED: Я довольно много проверил десятки статей здесь по этой проблеме, но я просто не могу найти проблему в своем коде: строка (комментарий ниже) возвращает 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

Может кто-нибудь мне помочь? :-)

Спасибо большое!

Fabian

Answer 1

Я полагаю, вы хотели позвонить document.getElementById("kuerzer" + (i + 1)), а не document.getElementById("kuerzer", i + 1) в structureGantData.

Answer 2

Вы не добавили созданный элемент в DOM, поэтому он не может быть найден там.

Вы можете использовать, например, Node.appendChild (или любой другой аналогичный метод), чтобы добавить его где-то в первую очередь.