<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<ul id="ul_0">
<li id="li_0">Coffee</li>
<li id="li_1">Tea</li>
</ul>
<p id="demo">createDocumentFragment方法</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var d=document.createDocumentFragment();
d.appendChild(document.getElementById("ul_0").cloneNode(true));
alert(d.getElementById("li_1").innerHTML)
/*
测试结果如下:
Firefox,Chrome,Opera,IE7,8能弹出对话框"Tea";
IE9,10,11,报告错误:对象不支持“getElementById”属性或方法;
*/
}
</script>
</body>
</html>