在线运行代码 - 代码学院 www.codexy.cn

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>代码学院(codexy.cn)</title>
</head>
<body>

<ul><li>Coffee</li><li>Tea</li></ul>
<p id="demo">单击按钮更改列表项,使用createDocumentFragment方法,然后在列表的最后一个孩子添加列表项。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var d=document.createDocumentFragment();
	d.appendChild(document.getElementsByTagName("LI")[0]);
	d.childNodes[0].childNodes[0].nodeValue="Milk";
	document.getElementsByTagName("UL")[0].appendChild(d);
};

</script>

</body>
</html>

源代码

动行结果