在HTML中如何创建自定义属性如何在JavaScript中获取它们的值

在HTML中，可以使用自定义属性来定义元素的额外信息。自定义属性以data-开头，其后紧跟属性的名称，属性的值可以是任何字符串。例如，如果你想为一个按钮设置一个自定义属性，可以这样写：

Submit

在JavaScript中，可以使用getAttribute()方法获取元素的自定义属性的值。例如，要获取上面定义的属性的值，可以这样写：

var type = document.querySelector('button').getAttribute('data-type');
console.log(type); // "submit"

除了getAttribute()方法，还可以使用dataset属性来获取自定义属性的值。dataset属性是一个对象，其中包含了所有以data-开头的属性的值。例如，要获取上面定义的属性的值，可以这样写：

var type = document.querySelector('button').dataset.type;
console.log(type); // "submit"

也可以使用JavaScript中的点语法来获取自定义属性的值。例如，要获取上面定义的属性的值，可以这样写：

var type = document.querySelector('button').data-type;
console.log(type); // "submit"

以上就是HTML中如何创建自定义属性以及如何在JavaScript中获取它们的值的方法。