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