有時在html元素上繫結一些額外的資訊也是很有幫助的,當js選取這些元素並以某種方式操縱這些資訊時就是很典型的情況。可以通過給class屬性新增特殊的識別符號來完成。
可以使用getattribute()和setattribute()來讀和寫非標準屬性值。但為此而付出的代價昌文件將再是合法有效的html。
html5提供了乙個解決方案。在html5中,以任意
」data-」
為字首的小寫的屬性名字都是合法的
。這些「資料集屬性」將不會對其元素的表現產生影響,它們定義了一種標準、附加額外資料的方法,並不是在文件合法性上做出讓步。
html5還在element物件上定義了dataset屬性。該屬性指代乙個物件,它的各個屬性對應於去掉字首的data-屬性。因此dataset.x應該儲存data-x屬性的值。帶連字元的屬性對應於駝峰命名法屬性名:data-query-test屬性就變成dataset.jquerytest屬性
例:
1 11 2 2 3 4 5 5 4
var sparklines =document.getelementsbyclassname(「sparkline」);
for(var i=0;i
var dataset = sparklines[i].dataset;
varymin = parsefloat(dataset.ymin);
var ymax = parsefloat(dataset.ymax);
var data = sparklines[i].textcontent.split(「 「);.map(parsefloat);
drawsparkline(sparklines[i],ymin,ymax,data); //該方法未實現 }
如果沒有實現dataset則就得使用.getattribute(「data-ymin」);
iOS學習筆記 083 倒影效果
三圖示 我們可以複製層建立乙個複製層,然後旋轉,新增相應的色差。即可達到效果 建立介面的時候,我們的view使用的是vcview 03 uiview76 倒影 created by 杞文明 on 17 7 22.import vcview.h implementation vcview class ...
js學習筆記 032 檢測屬性
var o x in o true y in o false tostring in o true o繼承tostring屬性 物件的hasownproperty 方法用來檢測給定的名字是否是物件的自有屬性,對於繼承屬性它將返回false var o o.hasownproperty x true ...
陣列的屬性和方法 js學習筆記
陣列的屬性 陣列.lengrh 返回陣列的長度 陣列的方法 1 在陣列中新增內容 可新增1到多個值 let f70 a b c d e f after f70.push g h i j k console.log f70 a b c d e f g h i j k before f70.unshif...