web前端自定義屬性的方法

2021-07-28 16:04:22 字數 1081 閱讀 8049

獲取自定義屬性的值

如下:html5 data-*自定義屬性 age

多了乙個」data-*」 屬性, 如何獲取呢?

//js

var content= document.getelementbyid('content');

alert(content.dataset.age)

//jquery

$('#content').data('age');//讀

讀取的時候是通過dataset物件,使用」.」來獲取屬性,需要去掉data-字首,連字元需要轉化為駝峰命名

data-user_list自定義屬性

//js

var content= document.getelementbyid('content');

alert(content.dataset.userlist)

//jquery

$('#content').data('userlist');//讀

通過js方式給data-*設定值

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      

自定義屬性

html view plain copy html head meta charset utf 8 title 自定義屬性 title script window.onload function script head body input type button value 按鈕 input ty...

自定義屬性

xmlns wen android orientation vertical android layout width fill parent android layout height wrap content 第二行是自定義標籤。格式如上,其中 xmlns wen 冒號後面是標籤名,在下面使用時...

自定義屬性

自定義屬性的步驟 1.首先使用在res目錄下的attr.xml檔案中,新建如下屬性集合 表示乙個屬性集合,名稱叫customprogerssbar3,這個屬性集合中包括的屬性用這種方式定義 關於format的型別有如下幾種 1.color 表示顏色,取值是乙個顏色值 屬性使用示例 2.dimensi...