Если вы хотите вставить необработанную строку HTML независимо от ее сложности, вы можете использовать: insertAdjacentHTML с соответствующим первым аргументом:

'beforebegin' Перед самим элементом. «afterbegin» Только внутри элемента, перед его первым ребенком. 'preend' Просто внутри элемента, после его последнего ребенка. 'afterend' После самого элемента.

blockquote>

Подсказка: вы всегда можете вызвать Element.outerHTML, чтобы получить строку HTML, представляющую вставленный элемент.

Пример использование:

document.getElementById("foo").insertAdjacentHTML("beforeBegin",
          "
I
was
inserted
");

DEMO

Внимание: insertAdjacentHTML не сохраняет прослушиватели, если они прикреплены с помощью .addEventLisntener.