document.getElementById("p2").style.color = "blue";
document.getElementById("p2").style.fontFamily = "Arial";
document.getElementById("p2").style.fontSize = "larger";
建议改成：
复制代码 代码如下:
var elmt = document.getElementById("p2");
elmt.style.color = "blue";
elmt.style.fontFamily = "Arial";
elmt.style.fontSize = "larger";
DOM遍历
DOM遍历子元素通常都是按索引循环读取下一个子元素，在早期浏览器下这种读取方式执行效率很低，利用nextSibling方式可以提高js遍历DOM的效率。
复制代码 代码如下:
var html = [];
var x = document.getElementsByTagName("p");//所有节点
for (var i = 0; i < x.length; i++) {
//todo
}
建议改成：
复制代码 代码如下:
var html = [];
var x = document.getElementById("div");//上级节点
var node = x.firstChild;
while(node != null){
//todo
node = node.nextSibling;
}
JavaScript 内存释放
在web应用中，随着DOM对象数量的增加，内存消耗会越来越大。所以应当及时释放对象的引用，让浏览器能够回收这些内存。
释放DOM占用的内存
复制代码 代码如下:
document.getElementById("test").innerHTML = "";
将DOM元素的innerHTML设置为空字符串，可以释放其子元素占用的内存。
释放javascript对象
复制代码 代码如下:
//对象：
obj = null
//对象属性：
delete obj.property
//数组元素：
arr.splice(0,3);//删除前3个元素
您可能感兴趣的文章: