html运行实例（jsck_document_createdocfrag

代码示例：（标识：jsck_document_createdocfrag_2）

<!DOCTYPE html>
<html>
<body>

<h1>Document 对象</h1>

<h2>createDocumenFragment() 方法</h2>

<p>将数组项添加到现有列表：</p>

<ul id="myList">
<li>苹果</li> 
<li>桃子</li>
</ul>

<script>
const fruits = ["香蕉", "桔子", "芒果"];

// 创建文档片段：
const dFrag = document.createDocumentFragment();
for (let x in fruits) {
  const li = document.createElement('li');
  li.textContent = fruits[x];
  dFrag.appendChild(li);
}

// 将片段添加到列表中：
document.getElementById('myList').appendChild(dFrag);
</script>

</body>
</html>