Internet Explorer中的cloneNode

Question

执行以下代码时,IE会抛出错误 - 对象不支持此属性或方法 - 引用cloneNode()方法.'i'是循环计数器,source和dest都是HTML select元素.

dest.options[dest.options.length] = source.options[i].cloneNode( true );

FF和Chrome的行为符合预期.关于如何让IE执行cloneNode()的任何想法？IE 8调试器显示source.options [i]确实有cloneNode()方法.

谢谢.

Answer 1

IE需要

new Option()

构造.

document.createElement( 'option' );

要么

cloneNode()

将失败.当然,所有选项都可以在适当的Web浏览器中按预期工作.

Answer 2

实际上,cloneNode没有抛出任何错误.将代码分解为更小的块以正确识别错误的来源:

var origOpt = source.options[i];
var clonedOpt = origOpt.cloneNode( true );  // no error here
var destOptLength = dest.options.length;
dest.options[destOptLength] = clonedOpt;    // error!
dest.options.add(clonedOpt);                // this errors too!

dest.appendChild(clonedOpt);                // but this works!

或者,按照你拥有它的方式把它放回原处:

dest.appendChild(source.options[i].cloneNode( true ));