                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

求大神帮我比较一下两种写法的区别

var otest = document.getElementById("test");
var newnode = document.createElement("li");
var newtext= document.createTextNode("PHP");
newnode.appendChild(newtext);
otest.appendChild(newnode);
var otest = document.getElementById("test");
var newnode = document.createElement("li");
newnode.innerHTML="PHP";
otest.appendChild(newnode);
虽然都能实现同样的效果，但是两种写法哪个更好一点啊

我要吃冰激凌

2016-03-12

源自：JavaScript进阶篇 9-12

关注问题我要回答

612

操作

收起

1 回答

随性随意
2016-03-13

一样的，建议采用第二种。

因为如果有很多节点要添加，你难道还去一个一个使用append添加吗？相反用innerHTML就可以直接添加html代码，效率相比append高多了。

例如：

1、newnode.innerHTML = "jshtmljava";//就相当于在newnode节点上添加了三个p标签

2、var newnode_first = document.createElement("p");
var newtext_first= document.createTextNode("js");
newnode_first.appendChild(newtext_first); newnode.appendChild(newnode_first);

..................重复三遍。

两者的效率相差不止千里