一、使用 data- 屬性的好處是什麼?
html5規範裡增加了乙個自定義data屬性.
為前端開發者提供自定義的屬性,這些屬性集可以通過物件的dataset屬性獲取,不支援該屬性的瀏覽器可以通過 getattribute方法獲取
...div.dataset.commentnum; // 10
需要注意的是,data-之後的以連字元分割的多個單詞組成的屬性,獲取的時候使用駝峰風格:比如
"content" data-user-list="user_list">data-user_list自定義屬性
//js
var content= document.getelementbyid('content');
alert(content.dataset.userlist)
//jquery
$('#content').data('userlist');//讀
並不是所有的瀏覽器都支援.dataset屬性,測試的瀏覽器中只有chrome和opera支援。
通過js方式給data-*設定值
"content" data-user-list="user_list">data-user_list自定義屬性
//js
var content= document.getelementbyid('content');
content.dataset.name='我叫tom'
alert(content.dataset.name)
//jquery
$('#content').data('name','我叫tom');//寫
getattribute/setattribute方法的使用
var content= document.getelementbyid('content');
content.dataset.birthdate = '19990619';
content.setattribute('age', 25);
console.log(content.getattribute('data-age')); //25 console.log(content.getattribute('data-birth-date')); //19990519
前端面試題
sprites是什麼和為什麼要使用他們?css 精靈 把一堆小的整合到一張大的上,減輕伺服器對的請求數量 有可能替代sprites的方法是什麼?svg圖示,字型圖示,字元編碼等等。1 在div排版的時候,假設現在是100px的寬,我在盒子左側用padding left留個10px的白,div就撐開了...
前端面試題
行內元素有哪些?塊級元素有哪些?空 void 元素有哪些?link和 import的區別是?常見相容性問題?含移動端 html5的離線儲存?描寫一段語義化的html 吧 html5的form如何關閉自動完成功能?什麼是閉包 closure 為什麼要用?localstorage和sessionstor...
前端面試題
朋友碰到的筆試題,在此記錄一下,並且記下碰到的有難點但是自己沒注意的到的面試題!function isnumber x else sum 2,3 5 sum 2 3 5 請寫出sum函式的具體實現。function sum a,c return a c 該題考查的是乙個以前沒接觸過的東西,叫做柯里化...