代码描述：javascript减少 dom元素访问次数。javascript减少dom元素访问次数源码下载
javascript减少dom元素访问次数源码下载
2020-01-27 23:41:49访问dom元素是非常耗费资源的，修改dom元素更是如此，因为修改dom元素会使浏览器重新计算页面的相关变化，所以减少dom元素的访问和修改次数，能够有效的提高javascript的性能，下面就是一个简单的例子，希望能够给大家带来一定的起始。 代码如下:
<script>
function done(){
for(var count=0;count<1000;count++){
document.getElementById('thediv').innerHTML+='51前端';
}
}
</script>
以上代码访问1000此dom元素并且修改1000次dom元素，那么性能将会被极大的影响。 一个提高性能的好的方式就是首先将要修改的结构放入一个局部变量，最后再修改dom元素。 代码如下:
<script>
function done(){
var content="";
for(var count=0;count<1000;count++){
content+="51前端";
}
document.getElementById("thediv").innerHTML+=content;
}
</script>
131 175
用户评论
大牛，别默默的看了，快登录帮我点评一下吧！:)
登录 |
注册
相关标签代码
-
js实现li元素隔行背景变色实例代码
li元素实例 浏览 (631) -
js判断数组中是否含有指定元素代码下载
js判断数组代码 浏览 (522) -
js数组中元素顺序进行打乱代码下载
元素顺序实例 浏览 (589) -
js动态在一个元素中添加另一个元素
js元素代码 浏览 (1717) -
js删除父元素所有元素节点源码下载
所有元素节点实例 浏览 (486) -
for in语句遍历数组元素代码实例
for代码 浏览 (934)
