dorado5怎样用固定值获取dataset对应的对象

dorado5怎样用固定值获取dataset对应的对象

我们可以给HTML元素添加自定义的data-*属性。你可以给这个属性起任何名字，但在使用element.dataset API时你需要主要以下一些规则：
element.dataset不能够直接拿来用，否者你会遇到报错提示
用JavaScript里使用data-*属性名时，要把名称转变成驼峰式命名(Camel-Case)
名称不能以xml打头
名称里不能有大写字母
假设页面里有下面的元素存在：
<div id="myDiv" data-name="myDiv" data-id="myId"
data-my-custom-key="This is the value"></div>

要想获取这个data-id属性，你的代码应该写成这样：
// Get the element
var element = document.getElementById("myDiv");

// Get the id
var id = element.dataset.id;

要想获取data-my-custom-key属性值，你的代码应该写成这样：
// Retrieves "data-my-custom-key"
var customKey = element.dataset.myCustomKey;

给自定义属性赋值的方法是这样的：
// Sets the value to something else
element.dataset.myCustomKey = "Some other value";

// Element would be:
// <div id="myDiv" data-name="myDiv" data-id="myId"
// data-my-custom-key="Some other value"></div>

如果一个自定义属性并不存在，但在程序中你给它赋值，它会自动创建：
// Set new data- attribute
element.dataset.mootoolsFtw = "true";

// Element would be:
// <div id="myDiv" data-name="myDiv" data-id="myId"
//data-my-custom-key="Some other value" data-mootools-ftw="true">
//</div>