【cloneNode】IE下使用cloneNode注意事项分享

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【IE下使用cloneNode注意事项分享】，下面是详细的讲解！

IE下使用cloneNode注意事项分享

cloneNode 是 HtmlElement 原型链上的方法，用于创建指定 dom 节点的拷贝，它接受一个布尔参数 include_all，如果 include_all 设置为 true，则副本会带有指定节点的所有子节点。

然而，script 标签也是 dom 节点，cloneNode 对其依然有效，经实测各浏览器（尤其是IE）对 cloneNode 执行结果表现不一致，主要现象为以下两种：

IE，至少是 IE8 及以下，对某节点 cloneNode 时，如果该节点包含 script 节点，那么 script 节点的脚本内容“有可能”会被再次执行一次。
非 IE 浏览器，cloneNode 某节点，包含的 script 节点的脚本内容不会被再次执行。
IE 以外的浏览器表现令我很满意，而针对于上面所述 IE 的“有可能”，还分以下两种情况：

如果 cloneNode 一个 script 节点，无论该节点是外链脚本，还是内嵌脚本，均不会被再次执行。
如果 cloneNode 一个其它节点，该节点下包含的内嵌脚本不会被执行，而包含的外链脚本，会被再次执行一次。
这里有一个 demo 复现了 IE 下 cloneNode 的这个问题。

看到这里，你是不是要被绕晕了？解决方法很简单，不用管是什么浏览器，cloneNode 之前，把目标节点下所有的 script 标签移除即可，因为脚本已经执行过，移除它的标签并不会造成影响，如下：