IE、firefox下怎样获得自定义属性的值

HTML元素，属性已经十分丰富了。但是，在某些场合下，也会显得捉襟见肘，这时候自定义属性就发挥了十分关键的作用。

Html元素的自定义属性，使用起来，十分方便，例如：

<input type=”button” value=”Click Me, Baby!” />

假设我们现在需要限制，这个按钮，只能点击2次，然后就失效了。

通常的实现方式，是可以利用全局变量的形式来记录点击次数，但我们这里用自定义属性来实现这个功能，展示一下自定义属性的优势；我们对上面的button做一下改造：

<input type=”button” value=”Click Me, Baby!” clickCount=”0” />

可以看到，我为这个button 增加了一个自定义属性 clickCount，并将初始值设为 0；下面我们来写实现功能的js代码：

1. 给 button 增加click事件的处理

<input type=”button” value=”Click Me, Baby!” clickCount=”0” onclick=”customAttributeDemo(this);" />

2. 我们来写 customAttributeDemo(obj) 这个函数

对于IE来讲，使用自定义属性非常简单，因为IE自动将自定义属性解析到了DOM中，和标准属性没有任何区别，IE下的版本：

function customAttributeDemo(obj) {if (obj.clickCount === '0') {                obj.clickCount = '1';            } else {                obj.disabled = true;             }        }

上面的代码在 FireFox 下将失效，因为FireFox对自定义属性的使用，限制更高，只能使用 attributes[] 集合来访问，FireFox 下的代码：

function customAttributeDemo(obj) {if (obj.attributes['clickCount'].nodeValue === '0') {                obj.attributes['clickCount'].nodeValue = '1';            } else {                obj.disabled = true;            }          }

上面的代码，也适用于IE，所以，这个代码，就是具有兼容性的代码了

来源:http://hi.baidu.com/gjj003/blog/item/2c6e8de73d497f23b838204c.html

转载于:https://www.cnblogs.com/zhouchaoyi/archive/2012/03/20/2408137.html

IE、firefox下怎样获得自定义属性的值相关推荐

Firefox下去掉密码自动填充
平时喜欢在Firefox下进行开发,因为它有强大的开发工具插件,比如FireBug.Temper Data.当然,Chrome.IE也有相应的开发者工具,但是自己还是比较偏爱Firefox. 言归正传 ...
解决使用FireFox下Flash上传文件时SESSION丢失的问题(swfupload)
解决使用FireFox下Flash上传文件时SESSION丢失的问题(swfupload) 这几天在项目中遇到的问题,稍微整理一下. HTML 表单是我们常用来进行浏览器与服务器数据交互的途径,除了传 ...
easyui的combobox下拉框初始化默认值以及保持该值一直显示的方法
easyui的combobox下拉框默认初始值是空,下面是实现从远程加载数据之后初始化默认值,以及让该值一直排在下拉框的最顶部的方式. 目前的需求是需要在初始化的时候添加"全部数据库&quo ...
R语言使用pwr包的pwr.t.test函数对分组样本数相同的t检验进行效用分析（power analysis）、在已知效应量(effect size)、显著性水平、样本量的情况下计算假设检验的效用值
R语言使用pwr包的pwr.t.test函数对分组样本数相同的t检验进行效用分析(power analysis).在已知效应量(effect size).显著性水平(sig).样本量(sample s ...
火狐浏览器设置cookie失败_IE、谷歌Cookie记录失败，火狐成功(IE和Firefox下的Cookie兼容问题)...
昨天项目迁移了测试服务器,之后奇怪的问题出现了. IE.谷歌无法登陆,火狐可以登陆. 这个项目先后部署过两个测试服务器.一台正式服务器,登陆都是正常的,这次却突然出现这种奇怪的问题,很是纠结. 通过查 ...
js中event，event.srcElement，event.target在IE和firefox下的兼容性
1.window.event对象 IE:有window.event对象 firefox:没有window.event对象.可以通过函数的参数传递event对象.例如:οnmοusedοwn=func ...
firefox下几个实用的免费开发插件
今天在看Ajax基础教程,看到书中推荐了几个不错的工具 WebDeveloper 提供了许多开发中十分有用的环境模拟工具,如禁用JavaScript,描出页面中的隐藏表单等,对于web脚本开发人员特别 ...
(转)解决在firefox下js调用as失败问题
解决在firefox下js调用as失败问题自:http://www.cnblogs.com/mfryf/archive/2012/04/17/2453024.html 问题描述:写了一个js与as的 ...
Firefox下代码触发a标签的click事件无效
通过一次导出功能是让自己如何一步一步掉坑最后又是怎么爬起来的在页面中通过document.createElement('a');创建一个a标签,然后给a标签的href属性赋url,通过代码触发a标签 ...

IE、firefox下怎样获得自定义属性的值

IE、firefox下怎样获得自定义属性的值相关推荐

最新文章

热门文章