前端开发

首页 > 前端开发 > javascript > javascript将DOM节点添加到文档的方法

javascript将DOM节点添加到文档的方法

分享到：

【字体：大中小】

2016-06-19
来源：网络
256
46
4

导读：
本教程讲解javascript将DOM节点添加到文档的方法这里对两种方法进行了比较：第一种：先创建所有节点，再添加到文档方式的运行时长；第二种：先向文档添加一个空容器，然后每创建...

本教程讲解javascript将DOM节点添加到文档的方法

这里对两种方法进行了比较：第一种：先创建所有节点，再添加到文档方式的运行时长；第二种：先向文档添加一个空容器，然后每创建一个节点，再添加到容器中方式的运行时长，从测试来看，第二种方法优于第一种！

运行效果如下图所示：

具体代码如下：




将DOM节点添加到文档实例


//第一种：先创建所有节点，再添加到文档
function createAdd(count)
{
  var start=new Date();
  var container=document.createElement("div");
  var obj=document.getElementById("main");
  for(var i=0;i

将DOM节点添加到文档实例

请输入一个整数：

分享到：

javaScript实现添加及删除事件的方法
本教程讲解javaScript实现添加及删除事件的方法 JavaScript添加、删除事件的方法，也就是让某些方法生效指定次数，可以是一次、两次或更多次，但指定次数执行完毕后就删除该方法，使其失效，如果你经常从事JS编程，你就会知道这种功能用得比较多。先来看看一个比较简单的例子： function $(id) { return document.getE...

javaScript使用encodeURI()和decodeURI()...
本教程讲解javaScript使用encodeURI()和decodeURI()获取字符串值的方法本文实例讲述了JavaScript使用encodeURI()和decodeURI()获取字符串值的方法。分享给大家供大家参考。具体如下： JavaScript使用encodeURI()和decodeURI()获取字符串值，不能就是地址栏显示的字串，以前经常在网上见到有人问此问题，无意在网上发现，不...

前端开发

javascript将DOM节点添加到文档的方法

Tags

About