js學習筆記 083 資料集屬性

2021-06-20 03:27:39 字數 934 閱讀 9303

有時在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...