abstrak：document.getElementById('ID')使用id屬性獲取元素獲取多個(gè)id來(lái)元素,通過(guò)創(chuàng)建函數(shù)for循環(huán)簡(jiǎn)化操作getElementsByName('NAME')返回是一個(gè)NodeList節(jié)點(diǎn)列表,不只一個(gè)元素console.log(); 控制臺(tái)查看將name屬性的值,當(dāng)作docuemtn對(duì)象的屬性來(lái)用,返回唯一元素document.NAMEdocu
document.getElementById('ID')使用id屬性獲取元素
獲取多個(gè)id來(lái)元素,通過(guò)創(chuàng)建函數(shù)for循環(huán)簡(jiǎn)化操作
getElementsByName('NAME')返回是一個(gè)NodeList節(jié)點(diǎn)列表,不只一個(gè)元素
console.log(); 控制臺(tái)查看
將name屬性的值,當(dāng)作docuemtn對(duì)象的屬性來(lái)用,返回唯一元素
document.NAME
document.getElementsByTagName('標(biāo)簽名');根據(jù)標(biāo)簽名稱獲取元素,返回一個(gè)元素集合,有l(wèi)ength屬性,可以當(dāng)數(shù)組來(lái)訪問(wèn)
item()也可以獲取指定元素
getElementsByTagName()不僅在document對(duì)象上有定義,在Element元素對(duì)象上也有定義
根據(jù)name標(biāo)簽名和name屬性選擇元素的快捷方式:僅適用于極少的幾個(gè),這是歷史原因造成的
images: 所有的<img>元素 圖像,數(shù)組, 有三種訪問(wèn)方式
1.標(biāo)簽索引 document.images[0]
2.name 屬性 document.images['pic']
3.將name視為元素對(duì)象的屬性進(jìn)行訪問(wèn) document.images.pic
forms: 所有的<forms>元素 表單,數(shù)組
document.forms
a 鏈接: 所有的<a>元素,NodeList 數(shù)組
document.links
body: <body>元素,總有定義,只有一個(gè)
document.body
head: <head>元素,總有定義,不寫(xiě)會(huì)自動(dòng)添加,只有一個(gè)
document.head
documentElement: <html>元素,總有定義,只有一個(gè)
document.documentElement
doctype: 文檔類(lèi)型,同樣也只有一個(gè)
document.doctype
根據(jù)元素的class屬性值獲取元素
document.getElementsByClassName('class屬性')該方法也支持在父元素上調(diào)用
支持多個(gè)class 屬性值 多屬性空格隔開(kāi)
document.getElementsByClassName('class屬性 class屬性')
用css選擇器來(lái)獲取元素
document.querySelectorAll('css選擇器') 獲取的是數(shù)組
document.querySelector('css選擇器') 獲取滿足條件的第一個(gè)元素
Guru membetulkan：滅絕師太Masa pembetulan：2019-01-16 09:12:33
Rumusan guru：完成的不錯(cuò)，可以測(cè)試下看看效果，dom方法很重要哦！