Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

向文档导入节点

  节点毕竟都是唯一的实例,被放入其它位置时会在原来的位置中移除。如果不想移除就需要复制元素,通常可以使用cloneNode来完成,但对于跨文档的操作就不建议使用cloneNode了,虽然目前主流的浏览器都可以兼容,但使用importNode会更规范。
  下面的代码就是一个跨文档的节点复制操作 <!--a.html-->
<div id="a">次碳酸钴</div>
<script>
onload=function(){
  var xhr=new XMLHttpRequest;
  xhr.open("GET","a.html",true);
  xhr.responseType="document";
  xhr.onload=function(){
    var doc=xhr.response;
    var a=document.importNode(doc.getElementById("a"));
    //下面这种写法也可以,但不推荐
    //var a=doc.getElementById("a").cloneNode(true);
    document.body.appendChild(a);
  };
  xhr.send();
};
</script>
  虽然cloneNode可以完成,但importNode更符合规范。但也并不是规范就好的,cloneNode的兼容性比importNode好,IE9+才支持importNode,所以目前更多情况下我们会使用cloneNode
网名:
3.80.55.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^