自定义属性
来源:互联网 发布:安卓刷linux系统 编辑:程序博客网 时间:2024/06/07 02:53
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>自定义属性</title> </head> <body> <!-- 如果data后边有多个 “-”, 那么会被转换成小驼峰法命名 --> <div id="box" name='lisi' data-name="lisi" data-age="10" data-gender="male" data-abc-ef="hello"></div> <script type="text/javascript"> var box = document.querySelector('#box'); //古老的特性操作方法 //setAttribute, getAttribute, removeAttribute // box.innerHTML = box.getAttribute('name'); //新增的操作方法 //如果按照 data- 来自定义属性,那么需要使用dom对象上的dataset来对自定义属性进行操作 //访问 dataset console.log(box.dataset); console.log(box.dataset.name); console.log(box.dataset.age); console.log(box.dataset.gender); //按照驼峰访问 console.log(box.dataset.abcEf); //修改自定义属性, 直接赋值 box.dataset.name = "李四"; box.dataset.gender = "男"; //自学: jQuery中的data http://www.css88.com/jqapi-1.9/data/ </script> </body></html>
阅读全文
0 0
- 自定义属性
- 自定义属性
- 自定义属性
- 自定义属性
- 自定义属性
- 自定义属性
- 自定义属性
- 自定义属性
- 自定义属性
- 自定义属性
- 自定义属性
- 自定义属性
- 自定义属性
- 自定义属性
- 自定义属性
- 自定义属性
- 自定义属性
- 自定义属性
- Linux备忘2
- 开启 LeetCode & Nowcoder 每日一题
- 不同页面之间实现参数传递的几种方式
- 关于JavaScript中的构造函数和对象中的构造属性
- ConfigReader(三十四)—— ReadLevelConfig
- 自定义属性
- Fragment+ViewPager+底部滑动
- Python3:《机器学习实战》之AdaBoost算法(1)算法概述
- String与StringBuffer和StringBuilder之间的区别
- Python学习笔记:五
- android手机之间通过Wifi传递图片示例
- 关于RedisTemplate和StringRedisTemplate
- C#
- SSM学习笔记(一)——多表联查