var otest = document.getElementById("test"); ?
var newnode = document.createElement("li");
var newtext= document.createTextNode("PHP"); ? ?//這里是先創(chuàng)建了文本節(jié)點(diǎn)
newnode.appendChild(newtext); ? ?//然后把創(chuàng)建好的文本節(jié)點(diǎn)放到新建的newnode（li）里面
otest.appendChild(newnode);

其實(shí)都是對(duì)的，方法不同而已。

innerHTML和createTextNode都可以把一段內(nèi)容添加到一個(gè)節(jié)點(diǎn)中，區(qū)別是如果這段內(nèi)容中有html標(biāo)簽;

在createTextNode中會(huì)當(dāng)作文本處理;

比如 var a = document.createElement("div");

????????create = document.createTextNode("<p>PHP</p>");

????????a.appendChild(create);?

????????document.write(a); //這里輸出的a（div）的內(nèi)容是"<p>PHP</p>" 雙引號(hào)內(nèi)為純字符串

????????var b = document.createElement("div");

????????b.innerHTML = "<p>PHP</p>";

????????document.write(b); //這里輸出的b（div）的內(nèi)容是<p>"PHP"</p> 雙引號(hào)內(nèi)為純字符串，但<p></p>被 ? ? ? ? ? 解析為HTML標(biāo)簽了