三種獲取元素屬性的方法以及區別

自定義屬性通常用data-開頭

以data-開頭的自定義屬性可以通過element.dataset.index或element.dataset['index']的方式獲取,此時去掉data-

lang

="en"
>
>
charset
="utf-8"
>
>
titletitle
>
head
>
>
"demo"
aynu
="aynu"
data-list
="123"
data-list-name
="dln"
>
div>
>
var div=document.
getelementbyid
('demo');
console.
log(div.id)
; console.
log(div.
getattribute
('id'))
; console.
log(div.
getattribute
('aynu'))
; div.
setattribute
('aynu'
,'ultraman');
//設定自定義屬性的值
div.
setattribute
('class'
,'box');
//設定class的值
div.
removeattribute
('aynu');
console.
log(div.dataset.list)
;//以data開頭時,可以這樣獲取,dataset是乙個集合
console.
log(div.dataset.listname)
;//當有多個'-'時,採用駝峰命名法
script
>
body
>
html
>

element.屬性 只能獲取元素本身自帶的屬性

element.getattribute(『屬性』) 可以獲取程式設計師自定義的屬性

可見執行div.setattribute('aynu','ultraman'); //設定自定義屬性的值 div.setattribute('class','box'); //設定自定義屬性的值後發生改變

該語句執行後div.removeattribute('aynu');

jQuery 獲取後代元素的三種方法

如果我們有內容如下的html檔案，那麼如何選取包含在元素內的元素呢？紀元前 年 水稲工作 技術 集団 大挙 日本 移住 彌生時代 始 縄文人 南方 伝 稲 栽培 彼 原野 開 大掛 水田 発想 持 北九州 新 文化 持 集団 來 知 彼 次第 水稲工作 受 入 彌生人 分 html原始碼如下 紀元前...

三種列表以及行級塊三種元素的轉變

在講列表之前先說乙個剛學的選擇器 萬用字元選擇器 萬用字元選擇器有好處也有壞處，好處就是能一次選中所有的標籤，省事 短處就是把不必要的標籤也會選中，增加瀏覽器的負荷。最好的解決辦法就是按需求選擇。無序列表ul 內部必須有子標籤 ul天生自帶內外邊邊距，還帶乙個p標籤 有序列表ol 內部必須有子標籤 ...

獲取元素屬性的方法

1.元素.style.屬性名 只能獲取元素行內的樣式 獲取不到css 中 的樣式 var obox document.getelementbyid box console.log obox.style.width 2.getcomputedstyle 獲取瀏覽器的計算樣式 是window的乙個屬性 ...