自定義屬性

2021-10-20 19:56:12 字數 2163 閱讀 1536

自定義屬性的目的:為了儲存並使用資料,有些資料可以儲存到資料庫中

1、自定義屬性的獲取是通過 getattribute(『屬性』) 獲取;

getattribute()

但是有的自定義屬性很容易引起歧義,不容易判斷是元素內建屬性還是自定義屬性;

如果直接呼叫自定義屬性會有問題 顯示undefined

"20"

>

<

/div>

var div = document.

queryselector

('div');

console.

log(div.gettime)

;<

/script>

<

/body>2、設定h5自定義屬性:

h5 規定了自定義屬性data-開頭作為屬性名並賦值 這樣使自定義屬性更加方便區分

h5新增element.dataset.

index 或者 element.dataset[『index』] ie11才開始支援

"20" data-index=

"02"

>

<

/div>

var div = document.

queryselector

('div');

console.

log(div.gettime)

; console.

log(

'---------');

console.

log(div.

getattribute

('gettime'))

; console.

log(div.

getattribute

('data-index'))

; div.

setattribute

('data-time',20

);console.

log(div.

getattribute

('data-time'))

;// h5 新增的獲取自定義屬性的方法

dataset 是乙個集合裡面存放了所有以data 開頭的自定義屬性

"20" data-index=

"02"

>

<

/div>

var div = document.

queryselector

('div');

console.

log(div.gettime)

; console.

log(

'---------');

console.

log(div.

getattribute

('gettime'))

; console.

log(div.

getattribute

('data-index'))

; div.

setattribute

('data-time',20

);console.

log(div.

getattribute

('data-time'))

;// h5 新增的獲取自定義屬性的方法

console.

log(div.dataset.index)

;// dataset 是乙個集合裡面存放了所有以data 開頭的自定義屬性

element.setattribute(name, value); 設定自定義屬性

自定義屬性

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...