innerHTML createElement createTextNode 比較：

innerHTML / outerHTML 只是一項專利，不是業界標準，盡管很好用.

createElement / createTextNode 是 DOM提供的標準方法，但是要寫好多代碼。

示例：

[javascript] view plaincopyprint?

function?makeElement(){??

????var?navPoint?=?document.createElement("navPoint");??

????var?navLabel?=?document.createElement("navLabel");??

????var?content?=?document.createElement("content");??

????var?text?=?document.createElement("text");??

????var?txtNode?=?document.createTextNode("Dedication?Dynamic?created!!!");??

????text.appendChild(txtNode);??

????navLabel.appendChild(text);??

????navPoint.appendChild(navLabel);??

????content.setAttribute("src","baidu.com");??

????navPoint.appendChild(content);??

????navPoint.setAttribute('id',"Dedication");??

????navPoint.setAttribute('playOrder',"1000");??

????document.body.appendChild(navPoint);??

}??

用createElement / createTextNode要寫N句，但是用innerHTML一句話就搞定了。

總結

以上是生活随笔為你收集整理的javascript DOM innerHTML createElement createTextNode的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。