简单教程
提交运行
代码编辑器:
<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>
运行结果: