网络编程
位置:首页>> 网络编程>> JavaScript>> 利用mergeAttributes设置name属性

利用mergeAttributes设置name属性

  发布时间:2009-12-12 18:48:00 

标签:setAttribute,dom,ie,

在国外一博客看到的技巧,终于解决IE的这个老大难问题。我在IE的setAttribute bug也提到其解决方法,一是innerHTML,一是IE特别的creatElement使用方法,不过都是要求在生成DOM时一同搞定name属性,这种在DOM生成后再修改name属性的方法真是高明啊。

介绍一下mergeAttributes 方法。它有两个参数oSource与 bPreserve :

mergeAttributes
oSourceIE5.0 必选项。对象(Element)。指定属性要被复制到 object 的对象。
bPreserveIE5.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; 
   
}    
}          
}

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com