最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

$18.3

要想獲取某個(gè)屬性的值,可以像下面這樣使用dataset對(duì)象:

var expenseday=document.getElementById('day-meal-expense');
 var typeOfDrink=expenseday.dataset.drink;
 console.log(typeOfDrink);//tea
 console.log(expenseday.dataset.food);//noodle
 console.log(expenseday.dataset.meal);//lunch

如果瀏覽器支持dataset,則會(huì)彈出注釋內(nèi)容,如果瀏覽器不支持dataset則會(huì)報(bào)錯(cuò),無法獲取屬性drink/food/meal的值:對(duì)象為null或未定義(如IE9版本).

data屬性基本上所有的瀏覽器都是支持的,但是dataset對(duì)象支持的就比較特殊了,目前僅在Opera 11.1+,Chrome 9+下可以通過javascript,使用dataset訪問你自定義的data屬性.至于其他瀏覽器,FireFox 6+(未出)以及Safari 6+(未出)會(huì)支持dataset對(duì)象,至于IE瀏覽器,目前看來還是遙遙無期的趨勢(shì).

問：不是有g(shù)etAttribute來獲取自定義屬性么。要這個(gè)干嘛？？

答：如果使用傳統(tǒng)的方法獲取屬性值應(yīng)該會(huì)類似下面：

var typeOfDrink=document.getElementById('day-meal-expense').getAttribute('data-drink');

現(xiàn)在,如果我們要獲得多個(gè)自定義的屬性值,就要用下面N行代碼來實(shí)現(xiàn)了:

var attrs=expenseday.attributes, expense={},i,j;
for (i=0,j=attrs.length;i
而使用dataset屬性,我們根本不需要任何循環(huán)去獲取你想要的那個(gè)值,直接秒殺：
expense=document.getElementById('day-meal-expense').dataset;
問：怎么操作這玩意~
答：可以像下面這樣操作名-值對(duì):
charInput=[];
 for(var item in expenseday){
 charInput.push(expenseday[item]);
 }
讓所有的自定義屬性塞到一個(gè)數(shù)組中.
如果你想刪除一個(gè)data屬性,可以這么做:
delete expenseday.dataset.meal;
console.log(expenseday.dataset.meal)//undefined
如果你想給元素添加一個(gè)屬性,可以這么做:
expenseday.dataset.dessert='icecream';
console.log(expenseday.dataset.dessert);//icecream
dataset并不是典型意義上的JavaScript對(duì)象,而是個(gè)DOMStringMap對(duì)象,DOMStringMap是HTML5一種新的含有多個(gè)名-值對(duì)的交互變量.
下面來個(gè)實(shí)際的應(yīng)用吧~
（當(dāng)然圖片地址肯定是空的。想要看效果的自己去加個(gè)圖片地址，這個(gè)效果附上圖片也是看不出什么所以就不上截圖了）