html資料屬性 data-*

在html标簽中定義屬性，需要時可以讀取屬性的值，這類屬性稱為資料屬性

定義資料屬性

命名規則是data-<屬性名稱>

例如

<div id="message" data-text="hello,world" ></div>

<button onclick="read()">submit</button>      

在JavaScript中讀取

讀取時通過元素的dataset.<屬性名稱>通路，

function read(){
    obj = document.getElementById('message');
    console.log(obj.dataset.text);
}      

這樣觸發函數就能讀取data-text的值