HTML 标签自定义属性的问题
来源:互联网 发布:小米口罩知乎 编辑:程序博客网 时间:2024/06/07 22:41
HTML 标签里可以自定义属性,但要考虑到浏览器兼容性的问题。
写一段 HTML 代码如下:
<div id='test' myAttr='testAttr'><div>
在这个 <div> 标签里,我们自定义了一个属性 “myAttr” ,它的属性值为 “testAttr” 。如果定义一个属性却不使用它,那么这个属性是没有任何意义的。接下来我们在 JavaScript 里来调用这个属性:
var test = document.getElementById(test);<pre name="code" class="html">alert(test.getAttribute('myAttr'));test.setAttribute('myAttr', 'newAttr')<pre name="code" class="javascript"><pre name="code" class="html">alert(test.getAttribute('myAttr'));
经过测试,以上这段代码在所有浏览器里都有效。运行后会依次弹出 “testAttr” 和 "newAttr" 。
在 IE 5-8 里,以下代码也可以使用:
var test = document.getElementById(test);<pre name="code" class="html">alert(test.myAttr);test.myAttr = 'newAttr';alert(test.myAttr);
以上代码运行后会依次弹出 "testAttr" 和 "newAttr" 。
当然,使用 jQuery 也可以做到全部兼容:
alert($("#test").attr("myAttr"));<pre name="code" class="html">$("#test").attr("myAttr", "newAttr");alert(<pre name="code" class="javascript"><pre name="code" class="html">$("#test").attr("myAttr"));
自定义属性一般是我们用来存储数据或是相关依据的。根据实际情况,自定义属性其实是很有用的。
0 0
- html标签自定义属性的问题
- HTML 标签自定义属性的问题
- 自定义HTML标签属性
- HTML 标签自定义属性
- HTML标签自定义属性
- html自定义标签属性
- 自定义HTML标签属性
- HTML标签自定义属性
- HTML标签自定义属性
- HTML标签自定义属性
- HTML标签自定义属性
- HTML标签自定义属性
- 自定义HTML标签属性
- HTML标签自定义属性
- html标签自定义属性的应用
- html的input 标签自定义属性
- Java解析Html自定义标签的属性
- html自定义标签属性的例子
- Resolving ERR_SSL_WEAK_SERVER_EPHEMERAL_DH_KEY error in Chrome version 45
- 怎样用Eclipse进行远程debug
- k近邻算法
- 从node.js想到的
- JAVA中定义对象属性为int类型初始化问题
- HTML 标签自定义属性的问题
- 单链表的运算
- openstack非DHCP网络配置注入和cloud-init分析
- acm之母函数题目4
- C#多线程详解
- mysql用存储过程写入 一个表A中没有存在在另一个表B的数据
- windows下nginx安装、配置与使用
- 剑指offer——二进制中1的个数
- URL基本介绍