方法1,element.屬性
方法2,element.getattribute('屬性')
;
區別:element.屬性 獲取內建屬性值(元素本身自帶的屬性)。它不能獲取到自定義屬性。如果用它獲取自定義屬性,即使自定義屬性有值也是返回undefined
element.getattribute(『屬性』);
主要獲得自定義的屬性 (標準) 我們程式設計師自定義的屬性。雖然它也可以獲取到內建的屬性值。
方法1,element.屬性 = 『值』
方法2,element.setattribute('屬性', '值');
自定義屬性的操作
區別:element.屬性 設定內建屬性值
element.setattribute(『屬性』); 主要設定自定義的屬性 (標準。 雖然它也可以設定內建的屬性值。
注意用這種方式設定class就是element.setattribute(『lalss』,值);而不是classname
element.
removeattribute
('屬性'
);
自定義屬性目的:是為了儲存並使用資料。有些資料可以儲存到頁面中而不用儲存到資料庫中。
自定義屬性獲取是通過getattribute(『屬性』) 獲取。
但是有些自定義屬性很容易引起歧義,不容易判斷是元素的內建屬性還是自定義屬性。
h5給我們新增了自定義屬性:
1. 設定h5自定義屬性
h5規定自定義屬性data-開頭做為屬性名並且賦值。 比如
<
/div>
或者使用 js 設定
element.
setattribute
(『data-index』,
2)
2. 獲取h5自定義屬性
相容性獲取element.getattribute(『data-index』);
h5新增element.dataset.index
或者element.dataset[『index』]
ie 11才開始支援 ,相容不太好,所以一般都用第一種方法獲取
dataset是乙個集合,存放了所有以data-開頭的自定義屬性
注意:如果data-的自定義屬性名稱中還有 - ,那麼第二種方法就要用駝峰來獲取
"20" data-index=
"2" data-list-name=
"andy"
>
<
/div>
console.
log(div.
getattribute
('data-list-name'))
;console.
log(div.dataset.listname)
;console.
log(div.dataset[
'listname'])
;
JS Dom操作 自定義屬性
1.設定屬性值 element.屬性 值 內建屬性值 element.setattribute 屬性 值 自定義屬性值 2.獲取屬性值 element.屬性 內建屬性值 element.getattribute 屬性 自定義屬性值 3.移除屬性值 element.removeattribute 屬性...
自定義屬性
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 冒號後面是標籤名,在下面使用時...