<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>

​