appendChild with create element，删除创建的临时元素

Question

我正在尝试使用JavaScript appendChild追加元素。我正在为它创建一个元素<p>并为其内部HTML追加子元素。是否可以选择在追加孩子后删除<p>和</p>？我根本不需要<p>个标签。我试图将它用作临时容器，以确保我的appendChild有效。

var z = document.createElement('p');
z.innerHTML = 'test satu dua tiga';
document.body.appendChild(z);

编辑：我正在尝试使用javascript将新的html内容附加到现有的html内容上。当我试图这样做时，我面临以下错误。所以我正在采用一个新元素，并为该元素分配新的html，然后做一个附加。

错误：未捕获的TypeError：无法执行＆＃39; appendChild＆＃39; on＆＃39; Node＆＃39;：参数1的类型不是＆＃39; Node＆＃39;

Answer 1

所以你只想追加textNode

document.body.appendChild(document.createTextNode('Hello!'))

textNode是一种特殊类型的DOM节点，它只包含文本而没有标记。 创建＆＃34;临时＆＃34; p元素是不必要的

Answer 2

我尝试了以下内容，它适用于HTML内容。我使用firstElementChild删除创建的临时元素。

var z = document.createElement('p');
z.innerHTML = 'test satu dua tiga';
document.body.appendChild(z.firstElementChild);