1.9.1源码分析系列（十一）DOM操作续之克隆节点(2)

　　3.IE6-10不能克隆使用的classid获取的对象元素的子节点。IE10下，如果父节点为null,则会抛出NoModificationAllowedError异常。需要使用原节点的outerHTML和innerHTML重新赋值。

//IE6-10不能克隆使用的classid获取的对象元素的子节点。 //IE10下，如果父节点为null,则会抛出NoModificationAllowedError异常 else if ( nodeName === "object" ) { if ( dest.parentNode ) { dest.outerHTML = src.outerHTML; } //对于IE9,这个条分支不可避免。 //IE9中克隆对象元素，上述outerHTML策略是不充分的。 //如果src具有的innerHTML并且克隆节点却没有， //复制src.innerHTML到dest.innerHTML #10324 if ( jQuery.support.html5Clone && ( src.innerHTML && !jQuery.trim(dest.innerHTML) ) ) { dest.innerHTML = src.innerHTML; } }

　　4.IE6-8无法克隆一个复选框或单选按钮的选中状态。需要主动设置。

// manipulation_rcheckableType = /^(?:checkbox|radio)$/i else if ( nodeName === "input" && manipulation_rcheckableType.test( src.type ) ) { //IE6-8无法坚持一个克隆的复选框或单选按钮的选中状态 //更糟的是，如果defaultChecked值没有设置，则IE6-7无法给克隆元素选中状态的外观 dest.defaultChecked = dest.checked = src.checked; ... }

　　5.当克隆select标签时，IE6-8无法正确返回select默认选中状态。需要主动设置。

　　　//当克隆选项时，IE6-8无法正确返回select默认选中状态 else if ( nodeName === "option" ) { dest.defaultSelected = dest.selected = src.defaultSelected; }

　　6.当克隆其他类型的input和textare标签时，IE6-8不能正确设置defaultValue为正确的值。需要主动设置。

//当克隆其他类型的input标签时，IE6-8不能正确设置defaultValue为正确的值 else if ( nodeName === "input" || nodeName === "textarea" ) { dest.defaultValue = src.defaultValue; }

　　里面用到disableScript这个函数。函数目的是改变script的type，从而保证在给script赋值后不会被作为脚本执行。这个方式我们可以借鉴

//为安全DOM操作替换/保存script节点元素type属性 function disableScript( elem ) { var attr = elem.getAttributeNode("type"); elem.type = ( attr && attr.specified ) + "https://www.jb51.net/" + elem.type; return elem; }

以上内容是小编给大家介绍的关于jQuery-1.9.1源码分析系列（十一）DOM操作续之克隆节点的全部叙述，希望大家喜欢。

您可能感兴趣的文章: