Javascript中获取自定义属性CustomAttribute方法

分类:知识百科 日期: 点击:0

Javascript中获取自定义属性CustomAttribute是一个非常有用的功能,可以让开发者更加灵活的使用html元素,以满足特定的需求。

使用方法

在html元素上添加自定义属性,格式为:data-自定义属性名="自定义属性值"。例如:

使用javascript获取自定义属性值。可以使用getAttribute()方法,传入自定义属性名称,即可获取自定义属性值。例如:

var name = document.querySelector("div").getAttribute("data-name");
console.log(name); // John

也可以使用dataset属性,它是一个对象,可以获取html元素上所有自定义属性的值。例如:

var name = document.querySelector("div").dataset.name;
console.log(name); // John

可以使用解构赋值的方式,一次性获取html元素上所有自定义属性的值,并赋值给相应的变量。例如:

var {name, age} = document.querySelector("div").dataset;
console.log(name); // John
console.log(age); // 18

以上就是Javascript中获取自定义属性CustomAttribute的使用方法,使用它可以让开发者更加灵活的使用html元素,以满足特定的需求。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。