Как я могу использовать innerHTML без удаления всего html внутри тега?

Question

Я искал почти весь интернет, но не смог получить решение об этом.

Предположим, что у нас есть элемент div с некоторым html внутри него. После выбора этого тега по его id (или другим селекторам, независимо), и если я использую метод innerHTML, я потерял весь html внутри тега. Что я могу сделать, чтобы не разрушать html-части внутри тега? Я просто хочу добавить что-то «больше», а не «уничтожить все», а затем вставить что-то в новое.

document.getElementById('something').innerHTML = document.getElementById('something').innerHTML + new_html_to_append; 

метод выше не работает на 3-й итерации, или в цикле, так что это бесполезно для меня .. мне нужно что-то подходит бесконечное добавок.

Спасибо!

(я знаю метод .append(), но я не имею права использовать JQuery там.)

Answer 1

AppendChild()

................ ...................

Answer 2

Использование innerHTML() может привести к неожиданному поведению. Посмотрите на альтернативы, как appendChild() здесь:

How to append data to div using javascript?

Answer 3

Используйте AppendChild() .В использовании этой функции знать, чтобы использовать правильные функции, как если у вас есть, чтобы добавить HTML-элемент, как div.Then Использование

obj=document.createElement(something); 
document.getElementById("something").appendChild(obj); 

Но если его текст Node затем

obj=document.createTextNode(something); 
document.getElementById("something").appendChild(obj);