javascript - 找不到元素

Question

所以我想写出输入值项中的文本，并在文本右侧创建另一个节点。但是此文本仅在输入中的文本旁边显示 [object HTMLParagraphElement]，为什么它不显示文本？

我不知道我做错了什么，请帮助我!

所以显示了输入中的文本，但不显示我制作的其他 p 元素？

代码如下:

   var lista = document.getElementById("lista");

var li = document.createElement("li");

var del = document.createElement("p");
var delt = document.createTextNode("remove this");
del.appendChild(delt);


var item = document.getElementById("item");

var text = document.createTextNode(item.value + " | " + del);


li.appendChild(text);
lista.appendChild(li);

Answer 1

您不需要创建文本节点来附加文本。只需在您正在创建的元素上设置innerHTML:

var myPar = document.createElement('p');
myPar.innerHTML = "remove this";

li.innerHTML = myPar.outerHTML; //this would be the tag and its text <p>remove this</p>

// other code here.

演示 Fiddle