let html = document.querySelector('template').innerHTML
let parser = new DOMParser()
objects.forEach(object => { // objects is a array of objects retirando from a API
let string = Object.entries(object).reduce((str, key) => {
return str.replace(`#[${key[0]}]`, key[1]);
}, html)
let node = parser.parseFromString(string, 'text/html').body.firstChild
// HTMLElement.appendChild(node)
// HTMLElement.append(string)
HTMLElement.innerHTML += string
})
< /code>
Это возвращает мне текст без тегов HTML, который я не могу вставить в DOM с < /p>
HTMLElement.appendChild(node)
< /code>
он не работает, если сделает: < /p>
HTMLElement.append(string)
< /code>
Но да с: < /p>
HTMLElement.innerHTML += string
, что не так, как я хотел, так как это не так, как я планировал.
Попробуйте эту скрипку
Может ли кто-нибудь сказать мне, почему ParsefromString снимает теги HTML?[code]let html = document.querySelector('template').innerHTML let parser = new DOMParser() objects.forEach(object => { // objects is a array of objects retirando from a API let string = Object.entries(object).reduce((str, key) => { return str.replace(`#[${key[0]}]`, key[1]); }, html) let node = parser.parseFromString(string, 'text/html').body.firstChild // HTMLElement.appendChild(node) // HTMLElement.append(string) HTMLElement.innerHTML += string }) < /code> Это возвращает мне текст без тегов HTML, который я не могу вставить в DOM с < /p> HTMLElement.appendChild(node) < /code> он не работает, если сделает: < /p> HTMLElement.append(string) < /code> Но да с: < /p> HTMLElement.innerHTML += string [/code] , что не так, как я хотел, так как это не так, как я планировал. Попробуйте эту скрипку