這樣寫,效果也達到了,為什么答案比較多呢
?
<script type="text/javascript">
? var otest = document.getElementById("test");?
? var li=document.createElement('li');
? li.innerHTML="PHP"
? otest.appendChild(li) ? ?
</script>?
?
?
<script type="text/javascript">
? var otest = document.getElementById("test");?
? var li=document.createElement('li');
? li.innerHTML="PHP"
? otest.appendChild(li) ? ?
</script>?
?
2016-12-06
舉報
2016-12-06
var otest = document.getElementById("test"); ?
var newnode = document.createElement("li");
var newtext= document.createTextNode("PHP"); ? ?//這里是先創建了文本節點
newnode.appendChild(newtext); ? ?//然后把創建好的文本節點放到新建的newnode(li)里面
otest.appendChild(newnode);
其實都是對的,方法不同而已。
innerHTML和createTextNode都可以把一段內容添加到一個節點中,區別是如果這段內容中有html標簽;
在createTextNode中會當作文本處理;
比如 var a = document.createElement("div");
????????create = document.createTextNode("<p>PHP</p>");
????????a.appendChild(create);?
????????document.write(a); //這里輸出的a(div)的內容是"<p>PHP</p>" 雙引號內為純字符串
????????var b = document.createElement("div");
????????b.innerHTML = "<p>PHP</p>";
????????document.write(b); //這里輸出的b(div)的內容是<p>"PHP"</p> 雙引號內為純字符串,但<p></p>被 ? ? ? ? ? 解析為HTML標簽了