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元素,以满足特定的需求。