IE下删除自定义属性的兼容性问题

DOM属性管理

于 2012-12-17 10:02:58 发布 · 469 阅读

文章标签：

43 篇文章

订阅专栏

37 篇文章

订阅专栏

33 篇文章

订阅专栏

本文探讨了如何在不同浏览器环境下为DOM元素设置及删除自定义属性的方法。重点介绍了在Internet Explorer和其他现代浏览器中使用不同技术实现这一目标的具体实践，并通过jQuery源码片段展示了如何判断浏览器是否支持直接删除自定义属性。

很多时候我们会给某个dom元素赋予一些自定义的属性，当然我们也会有需求删除这些自定义的属性。

<div id="test"></div>

设置自定义的属性和值：

document.getElementById("test")['zhang'] = 'yaochun';

删除就得注意了：

看看jQuery的做法：

在jQuery.support中有一个deleteExpando：判断是否能删除自定义属性！！

注释：下面是从jquery1.7.1中抽取的一段代码

var deleteExpando = true,
      div = document.createElement("div");
try{
     delete div.test;
}catch(e){
     deleteExpando  = false;
}