как показать HTML при использовании appendChild

Question

Я создаю некоторые элементы с помощью этого кода в JavaScript:

var tdiv = document.createElement("div");
tdiv.setAttribute('id', 'titlediv');
var ddiv = document.createElement("div");
ddiv.setAttribute('id', 'datediv');
var cdiv = document.createElement("div");
cdiv.setAttribute('id', 'contentdiv');

Теперь мне нужно добавить HTML-текст к cdiv.Я попытался сделать cdiv.appendChild(), но он отображает ошибку, так как это не узел.Попытался сделать var newsupdate_ = document.createTextNode(global[j].content), затем добавить его, но это выглядит так:

Могу ли я сделать setAttribute для размещения содержимого внутри нужного div?

Answer 1

appendChild() не будет работать в cdiv, поскольку такой метод отсутствует в элементе, созданном createElement().

createTextNode() создает новый текстовый узел.Он не будет оценивать любой HTML, присутствующий в строке параметра.

Попробуйте innerHTML следующим образом:

var cdiv = document.createElement("div");
cdiv.setAttribute('id', 'contentdiv');
cdiv.innerHTML = '<h1>Header 1</h1>';
document.getElementById('container').append(cdiv);

<div id="container"></div>

Answer 2

использовать innerHTML, пример document.getElementById ("demo"). InnerHTML = "Абзац изменен!";