注册登录

【clearAttributes】仅IE支持clearAttributes／mergeAttributes方法使用介绍-mergeAttributes

时间:2016-02-12 13:19 来源: 我爱IT技术网作者:佚名

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【仅IE支持clearAttributes／mergeAttributes方法使用介绍】，下面是详细的讲解！

仅IE支持clearAttributes／mergeAttributes方法使用介绍

一、.clearAttributes()

该方法用来清除所有用户定义的属性。如下

复制代码代码如下:

<div style="color:red;" onclick="alert(1)" data-a="a" data-b="b">Division</div>
<script>
var div=document.getElementsByTagName('div')[0];
alert(div.outerHTML);
div.clearAttributes();
alert(div.outerHTML);
</script>

运行后依次弹出如下

可以看到，第二次alert出的outerHTML已经没有了“data-a”，“data-b”，“onclick=alert(1)”属性。前两个属性是自定义的，onclick则是自有的但也清除了。

虽然outerHTML清除了，但事件并没有真正清除。点击div仍然会弹出1。（注意：对于元素自由属性如id，name，style是不会被清除的）
以上发现onclick属性在outerHTML虽然删除了，但事件handler却没有删除，点击仍然可以触发。那么通过attachEvent方式添加的事件能清除吗？试试便知

复制代码代码如下:

<div>division</div>
<script>
var div=document.getElementsByTagName('div')[0];
div.attachEvent('onclick', function(){alert(1)});
div.clearAttributes();
</script>

测试发现，IE6/7/8中点击该div不会弹出1，但IE9中仍然会弹出。即IE9中不能通过clearAttributes清除attachEvent方式添加的事件handler。

二、.mergeAttributes()

该方法用来把指定元素的所有属于拷贝到自己身上，包括attributes、events、styles。如下

复制代码代码如下:

<div id="head" style="color:red;" onclick="alert(1)" data-a="a">Division</div>
<p>paragraph</p>
<script>
var div=document.getElementsByTagName('div')[0];
var p=document.getElementsByTagName('p')[0];
alert(p.outerHTML);
p.mergeAttributes(div);
alert(p.outerHTML);
</script>

拷贝前p的outerHTML

拷贝后p的outerHTML

对比就知道div的style（styles）、onclick（events）、data-a（user-defined attributes）都拷贝到p上了。现在点击p也能alert出1。

细心的同学会发现div的id没有拷贝过来。的确，在IE5之前，attributes是只读的，id/name不被合并。IE5.5后则可以通过指定第二个参数值决定是否拷贝id/name属性。

只需将mergeAttributes的第二个参数指定为false，就可以拷贝id/name了。如
p.mergeAttributes(div,false);
效果

相关：
http://msdn.microsoft.com/en-us/library/ie/ms536350%28v=vs.85%29.aspx
http://msdn.microsoft.com/en-us/library/ie/ms536614%28v=vs.85%29.aspx

关于仅IE支持clearAttributes／mergeAttributes方法使用介绍的用户互动如下：

　　相关问题：请问e.Row.Attributes.CssStyle.Add("cursor", "ha...

　　答：鼠标放在行上是个小手 >>详细

　　相关问题：WIN7 IE图标不见了之后按照下面方法修改注册表，...

　　答：打开记事本输入以下代码，另存为以.reg为后缀的文件，双击导入注册表就可以了，保证原装。 Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\CLSID\{B416D21B-3B22-B6D4-BBD3-BBD452DB3D5B}] @="Internet Explorer" "InfoTip"="@C:\\WI... >>详细

　　相关问题：谁有尚学堂html + css 的视频教程？给个地址或者...

　　答：onhelp 当用户在浏览器为当前窗口时按 F1 键时触发...clearAttributes 从对象中删除全部标签属性和值。click...mergeAttributes 复制所有读/写标签属性到指定元素。... >>详细

评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）

【clearAttributes】仅IE支持clearAttributes／mergeAttributes方法使用介绍-mergeAttributes

仅IE支持clearAttributes／mergeAttributes方法使用介绍

关于仅IE支持clearAttributes／mergeAttributes方法使用介绍的用户互动如下：

第一章 JavaScript （基础）

第二章 JavaScript（高级）