实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <title>Document Fragment Example</title>
5
</head>
6
<body>
7
    <ul id="myList"></ul>
8
    <input type="button" value="Add Items" onclick="addItems()">
9
​
10
    <script type="text/javascript">
11
        function addItems(){
12
      
13
            var fragment = document.createDocumentFragment();
14
            var ul = document.getElementById("myList");
15
            var li = null;
16
          
17
            for (var i=0; i < 3; i++){
18
                li = document.createElement("li");
19
                li.appendChild(document.createTextNode("Item " + (i+1)));
20
                fragment.appendChild(li);
21
            }
22
          
23
            ul.appendChild(fragment);  
24
​
25
          
26
        }
27
​
28
    </script>
29
</body>
30
</html>