使用createdoucmentFragement可以删除浏览器dom节点的内容???
<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>
点击按钮
会减少一个List,??为什么呀??
appendChild
会将dom
元素从原来的位置移到新的位置中.