Javascript добавить узел

Question

Итак, у меня есть такая функция:

var elem = document.createElement( 'svg' );
elem.id  = 'svg1';

и я бы хотел, чтобы в более поздней функции я смог получить этот элемент через document.getElementById('svg1').

Я обнаружил, что это не работает, и в результате некоторых исследований, известных как google, выяснилось, что добавление элемента таким способом фактически не добавляет его в «дерево узлов». Как я могу создать элемент, чтобы впоследствии я мог ссылаться на Id?

Answer 1

Вам нужно добавить его в DOM.Например, чтобы добавить его в качестве дочернего элемента с идентификатором «parent»:

document.getElementById("parent").appendChild(elem);

Answer 2

Чтобы добавить элемент в DOM, вы делаете это:

document.body.appendChild(elem);

Это добавляет объект в ТЕЛО. Если вы хотите добавить узел в другой узел, вы замените body на getElementById("id").