http://www.cnblogs.com/luoyanli/archive/2012/10/17/2727886.html
HTML标签可以自定义属性,但是我们要考虑其在IE、Firefox以及chrome下的兼容性问题。
例如:
- <div id="newTest" myAttr="getAttr"></div>
这里的“myAttr”就是这个标签的自定义属性了。
如果定义了属性却使用不了,那么这个属性就没有任何意义了,接下来就是如何去调用我们的自定义属性的值了。
在IE浏览器里,我们通过获取对象后直接调用就可以了
- document.getElementById("newTest").myAttr;
在IE浏览器里,我们同样可以对其直接赋值而动态产生一个自定义属性:
- document.getElementById("newTest").newAttr = "new";
在火狐和谷歌浏览器里,我们可以通过getAttribute方法来实现调用:
- document.getElementById("newTest").getAttribute("myAttr");
在火狐和谷歌浏览器里,我们可以通过setAttribute方法在产生并设置一个自定义属性:
- document.getElementById("newTest").setAttribute("newAttr","new");
自定义属性一般是我们用来存储数据或是相关依据的,根据实际情况,自定义属性其实很有用的。
测试浏览器:IE8,firefox 8.01,chrome 17.0.963.46 m
测试结果:能够获取到自定义属性
另外补充一点,如果不想做兼容判断,其实我们可以使用Jquery的attr方法来获取与设置自定义属性的值,目前测试结果是全兼容。
- $("#newTest").attr("myAttr");
- $("#newTest").attr("newAttr","new");
相关推荐
HTML:自定义标签属性 标签属性的引用使用规则
HTML5如何添加自定义标签属性(data-自定义属性).zip
jQuery给HTML标签添加自定义属性.zip
对HTML JS没有影响。可以写n多个属性。只要定义的属性名别跟原有默认属性同名就行。这种自定义的属性,浏览器不会去解析
option自定义属性的用处,可以推广到其他的html标签
大家总是习惯使用HTML标签添加自定义属性来存储和操作数据,所以才在HTML5规范里增加了一个自定义data属性,这样使用更便捷,一起跟随小编过来看看吧
在jQuery的attr与prop提到过在IE9之前版本中如果使用...使用data-*可以解决自定义属性混乱无管理的现状。 读写方式 data-*有两种设置方式,可以直接在HTML元素标签上书写 Click Here 其中的data-age就是一种自定
正如 HTML5 语法中所阐述的,元素可以包含属性...…属性只能在起始标签中指定,绝对不能用在结束标签中。 HTML5 属性不区分大小写,可以全部大写或者混合使用,尽管最常见的约定是始终使用小写。 标准属性下面列出的属
//在page中只有3个属性是已知的,1,一共多少记录,2,一页显示多少记录,3,以及返回的结果集 //1.重新给page分布内容 setPage(page); //2.输出html out.print(getHtml(page)); //3.输出js out.print(getJs...
人们总喜欢往HTML标签上添加自定义属性来存储和操作数据,这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情
xml文件中可以自由的使用自定义标签,html文件中同样可以使用自定义标签,但有几个注意事项:必需设置<html>标签的xmlns属性。例如,可以这样声明:<html xmlns:article>。 这是因为html文件有一个默认...
它是一个新版本的HTML语言,具有新的元素,属性和行为;它有更大的技术集,允许构建更多样化和更强大的网站和应用程序。这个集合有时称为HTML5和它的朋友们,不过大多数时候仅缩写为一个词 HTML5。
2、为HTML标签自定义属性。 inputElement:表示表单元素。 propertyName:表示表单元素下的某个属性 inputElement.propertyName; //firefox执行失败,ie执行成功 IE与FireFox兼容写法 document.getElementById(“txt
如果能在自己的网页中使用自定义的标签是不是很酷呢,比如用你的网站的名称、用你的网名、用你所爱的人的名字来定义HTML标签并内嵌到网页中,本文就介绍一下这方面的内容。 本文以我的网站的拼音为例来自定义HTML...
前段时间写了一个基于html5 video的视频播放器,从起初的对其不了解,然后到能够写一个基本完善的自定义播放器。在这个过程中,对video标签的属性,方法,事件有了个全面的认识。下面分类列出来一下。 <video>...
人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是...
编写了一个js插件,要使用该插件需要先在html中引入该插件Js,然后再添加一个script标签,在里面调用,需要的朋友可以看看
自定义属性定义自定义属性的方式与定义自定义元素的方式相同,这允许在元素上使用丰富的混合类型的行为。安装npm install custom-attributes --save 添加为脚本标签: < script src =" node_modules/custom-...