DOM Manipulation - добавить строковую переменную с содержимым dom

Question

не нашел решения для моей проблемы.Я должен признать, что у меня были проблемы, чтобы найти правильные условия поиска.Кажется, я не вижу леса за деревьями - еще раз ...

Я пытаюсь добавить дочерний элемент, который совсем не впечатляет.Но теперь у меня есть переменная (ajax - json), которая уже содержит элемент dom () и я не хочу добавлять этот контент.

Первый подход elem.appendChild(var);

выдает эту ошибку: * NOT_FOUND_ERR: DOM Exception 8 *

Следующая попыткаelem.appendChild(document.createTextNode(var)); кодирует объекты.Таким образом, якорь и тег img печатаются просто.

любая помощь?заранее спасибо!

Answer 1

Вы пытаетесь использовать appendChild с текстурным представлением элементов, а не с самим узлом dom. Попробуйте использовать свойство innerHTML:

elem.innerHTML += "<a href=\"xx\"><img src=\"xx\" /></a>";

В JQuery есть хороший append метод, который позаботится обо всем за вас:

$("div.someDiv").append("<a href=\"xx\"><img src=\"xx\" /></a>");