createDocumentFragment方法可以创建一个文档片段,在文档片段中可以添加各种节点,最后一次性添加到HTML页面中。使用这种编程方式可以减少页面更新的次数,提高页面展示的效率。
实例:
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>1</title>
<script type="text/javascript">
function add() {
var container = document.getElementById("div1");
var frag = document.createDocumentFragment();
for (var i=0; i<10; i++) {
var btn = document.createElement("input");
btn.type = "button";
btn.value = "new Button";
frag.appendChild(btn);
}
container.appendChild(frag);
}
</script>
</head>
<body>
<div id="div1"></div>
<input type=button onclick=add() value=click />
</body>
</html>