Я получаю код в виде строки и мне нужно его вставить в html чтобы он работал при помощи js

Question

я получаю код c json файла паршу его в объект и данные которые я получаю это код в виде строки. как мне сделать чтобы этот код когда я его ставлю в html становился кодом, а не оставался строкой?

let p_body_content = document.getElementById("p_body_content");
fetch('./js/json/data.json')
  .then(r => r.json())
  .then(data => p_body_content.prepend(data.header))

Answer 1

В текущем случае надо использовать insertAdjacentHTML с указанием позиции afterbegin:

let parent = document.querySelector('#parent');

parent.insertAdjacentHTML("afterbegin", '<div id="parent"><p>1</p><p>2</p><p>3</p></div>');

<div id="parent"><p>default</p></div>

Про все позиции можно почитать в доках

А prepend на вход принимает элемент с типом Node, поэтому ничего не получается.

БЛОГ НА HUSL

Я получаю код в виде строки и мне нужно его вставить в html чтобы он работал при помощи js

Ответы (1 шт):