js 自定义数据属性
来源:互联网 发布:网络销售语言技巧 编辑:程序博客网 时间:2024/06/03 21:32
H5规定可以为元素添加非标准的属性,但要添加前缀data-,目的是为元素提供与渲染无关的信息,或者提供语义信息。
例:
<div id="div1"></div><script> var oDid=document.getElementById("div1"); oDid.dataset.appid="appid"; var appid=oDid.dataset.appid; document.writeln(appid); //appid document.writeln(oDid.getAttribute("data-appid")); //appid document.writeln(oDid.data-appid); //NAN</script>
可以看到div新增了一个自定义属性data-appid=”appid”。
我们可以用dataset设置自定义属性,同时也可以用getAttribute()来得到自定义属性,但是要注意不能使用对象属性方法来获得自定义属性的值;当然我们也可以用setAttribute()属性来设置自定义属性,也很方便。
但要注意当自定义属性包含大写字母时,会将大写字幕装换成小写字母并在前面多了一个”-”
例:div.dataset.appIdId=”appId”;
data-app-id-id=”appid”
<div id="div1"></div><script> var oDid=document.getElementById("div1"); oDid.dataset.appIdId="appId"; var appid=oDid.dataset.appIdId; document.writeln(appid);</script>
阅读全文
0 0
- js 自定义数据属性
- 通过JS使用自定义属性处理数据
- 客户端数据校验的通用解决之道----妙用自定义属性 (JS)
- js自定义对象.属性
- js自定义对象.属性
- js自定义对象.属性
- js自定义对象.属性
- js自定义对象.属性
- Js自定义属性
- Js获取自定义属性
- JS自定义data-*属性
- js自定义对象.属性
- js-自定义属性
- js 自定义属性
- JS自定义属性
- [HTML5]自定义数据属性
- JS自定义属性应用体会
- js 标签自定义属性attributes
- ROS学习问题集锦(一)_机器人仿真(by古月)学习遇到的问题
- SSO之CAS单点登录实例演示
- 1.5.2 Prime Palindromes 回文质数
- nginx负载均衡的策略
- HTML背景图铺满页面
- js 自定义数据属性
- Speex
- Nagios可用的全部的宏
- 网易2017内推笔试2:解救小易 [python]
- python: argparse库 & 命令行解析工具
- Android ZxingPlus精简的二维码框架
- C++primer 薄片系列之模板
- 破解手机解锁密码
- 使用listfiles()报错:NullPointerException