javascript中mergeAttributes 方法的介绍

最新推荐文章于 2025-04-15 22:24:42 发布

原创最新推荐文章于 2025-04-15 22:24:42 发布 · 793 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

javascript 专栏收录该内容

17 篇文章

订阅专栏

本文介绍mergeAttributes方法，该方法用于将一个元素的所有属性复制到另一个元素。文章详细解释了其两个参数的作用，并提供了示例代码展示如何使用此方法来设置元素的属性。

介绍一下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属性。

1.//下面代码会把新生成的input对象的name属性复制到inputObject对象上。
2.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;
}
}
}
3.//mergeAttributes 复制所有读/写标签属性到指定元素。
<SCRIPT>
function fnMerge(){
oSource.children[1].mergeAttributes(oSource.children[0]);
}
</SCRIPT>
<SPAN ID=oSource>
<DIV
ID="oDiv"
ATTRIBUTE1="true"
ATTRIBUTE2="true"
onclick="alert('click');"
onmouseover="this.style.color='#0000FF';"
onmouseout="this.style.color='#000000';"
>
This is a sample <B>DIV</B> element.
</DIV>
<DIV ID="oDiv2">
This is another sample <B>DIV</B> element.
</DIV>
</SPAN>
<INPUT
TYPE="button"
value="Merge Attributes"
onclick="fnMerge()"
>