什么是數(shù)據(jù)屬性api
作者:佚名 時(shí)間:2014-06-05 分享到:
使用數(shù)據(jù)集(dataset)屬性的簡(jiǎn)單dom api,腳本可以更加容易地獲取這個(gè)數(shù)據(jù),若要獲取一個(gè)數(shù)據(jù)屬性的值,可以將數(shù)據(jù)值屬性和正在查詢的屬性的鍵一起使用.
var el = document.queryselector("p");
var id = el.dataset["id"];
當(dāng)我們把它應(yīng)用于此救命的標(biāo)記中,返回的結(jié)果將是123,我們還可以使用數(shù)據(jù)集更新屬性值:
el.dataset["id"]=100;
以下示例,演示了它是怎么起作用的:
var el = document.queryselector("p");
console.log("the id is",el.dataset['id']);
el.dataset["id"]=100;
console.log("now the id is ",el.dataset["id"]);
在此救命中,我們執(zhí)行了三個(gè)操作,首先獲取id數(shù)據(jù),然后將其設(shè)置為100,最后再次獲取它,每一次都要把結(jié)果登錄到控制臺(tái),