在国外一博客看到的技巧,终于解决IE的这个老大难问题。我在IE的setAttribute bug也提到其解决方法,一是innerHTML,一是IE特别的creatElement使用方法,不过都是要求在生成DOM时一同搞定name属性,这种在DOM生成后再修改name属性的方法真是高明啊。
介绍一下mergeAttributes 方法。它有两个参数oSource与 bPreserve :
mergeAttributes | |
---|---|
oSource | IE5.0 必选项。对象(Element)。指定属性要被复制到 object 的对象。 |
bPreserve | IE5.5 可选项。布尔值(Boolean)。 false : 不保护目标对象的身份属性(id,name)。 true : 默认值。保护目标对象 object 的身份属性。 |
mergeAttributes方法能把oSource 对象的所有属性,包括自定义属性,依附在其上面的事件与样式都复制过,在 IE5.0 及之前的版本中,只读属性不会被复制。如 id 属性。 在 IE5.5+ 中,通过设置 bPreserve 参数值为 false ,可以使 oSource 的所有属性被复制到 调用此方法的对象上 ,包括id属性和 name属性。
//下面代码会把新生成的input对象的name属性复制到inputObject对象上。 inputObject.mergeAttributes(document.createElement("<input name='nasami' />"))
下面是一个完美的设置属性的方案
var setAttribute = function(obj,attrName,attrValue){ if("!+\v1" && attrName === "name"){ obj.mergeAttributes(document.createElement("<input name='" + attrValue + "'/>"), false); }else{ if(obj.setAttribute){ obj.setAttribute(attrName,attrValue); }else{ obj[attrName] = attrValue; } } }