js获取自定义data属性
2024-09-03 03:18:51
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="tree" data-leaves="47" data-plant-height="2.4m"></div>
<script>
var tree = document.getElementById("tree");
//getAttribute()取值属性
console.log(tree.getAttribute("data-leaves"));
console.log(tree.getAttribute("data-plant-height"));
//setAttribute()赋值属性
tree.setAttribute("data-leaves","48"); //data-前缀属性可以在JS中通过dataset取值,更加方便
console.log(tree.dataset.leaves);
console.log(tree.dataset.plantHeight);
//赋值
tree.dataset.plantHeight = "3m";
tree.dataset.leaves--;
//新增data属性
tree.dataset.age = "100";
//删除,设置成null,或者delete
tree.dataset.leaves = null;
delete tree.dataset.age; //jQuery的data方法
var $tree = $('#tree');
console.log($tree.data("plant-height"));
</script> </body>
</html>
最新文章
- 三种执行SQL语句的的JAVA代码
- UVA 11475 后缀数组/KMP
- A/B测试
- 用批处理文件来手动启动和停止Oracle服务
- common-pool2 使用
- 破解 Rith&#39;s CrackMe #1(对比IDA查看动态分析中的MFC函数名)
- 360每日自动签到,领取积分 (java httpclient4.x)
- except ShortInputException,x中逗号
- MySQL支持Emoji表情
- 科大讯飞和Tizen-TTS语音合成引擎
- 学习Swift中的CoreImage(图形核心编程)
- 【解答】关于内核中没开MMU之前的虚拟地址物理地址转换问题
- python学习===打印时间
- Linux下利用expect,不用交互模式,直接登陆远程主机
- win10 edge扩展
- Java经典编程题50道之六
- JavaScript设计模式(10)-观察者模式
- rsync 自动创建目录的坑点
- django 常见错误汇总
- C#设置WebBrowser IE浏览器版本
热门文章
- C# WPF聊天界面(3/3)
- nginx 反向代理及 https 证书配置
- JDK13.0.1安装与环境变量的配置(Win10平台为例)
- 纪中10日T1 2300. 【noip普及组第一题】模板题
- 数据结构(集合)学习之Map(一)
- Android注册时验证码的生产方法
- CentOS7防火墙设置常用命令
- exsi 6.7u2 不能向winows虚拟机发送ctrl+alt+del
- JAVA8List排序,(升序,倒序)
- Codeforces Round #578 (Div. 2) 二维差分 可做模板