abstrak:DOM獲取元素的方法有以下幾種: 根據(jù)id選擇元素 getElementById()根據(jù)name屬性來獲取元素 getElementsByName()根據(jù)標(biāo)簽名來獲取元素 getElementsByTagName()使用name屬性和標(biāo)簽名獲取元素的快捷方式,如:images 圖像 forms表單 links a連接 head頭部 docume
DOM獲取元素的方法有以下幾種:
根據(jù)id選擇元素 getElementById()
根據(jù)name屬性來獲取元素 getElementsByName()
根據(jù)標(biāo)簽名來獲取元素 getElementsByTagName()
使用name屬性和標(biāo)簽名獲取元素的快捷方式,如:
images 圖像 forms表單 links a連接 head頭部 documentElement獲取html
document.forms[0].style.backgroundColor = 'lightgreen'; //1.索引 document.forms['register'].style.backgroundColor = 'pink'; //name值 document.forms.register.style.backgroundColor = '#ccc'; //將nam作為forms的屬性值 document.forms.item(0).style.backgroundColor = 'red'; //4.使用元素集合的item方法
5.通過class屬性來獲取元素 document.getElementsByClassName()
6、通過css選擇器來獲取元素 兩種
獲取所有匹配元素 document.querySelectorAll()
獲取第一個(gè)匹配元素 document.querySelector()
小結(jié):1、獲取可以使用數(shù)組下標(biāo)[0]和item(0)
2、let 定義變量不允許重復(fù),相對(duì)var跟嚴(yán)謹(jǐn)
新知識(shí)點(diǎn):
1、throw new Error("沒有這個(gè)元素") //throw new拋出異常
2、arguments 在函數(shù)代碼中,使用特殊對(duì)象 arguments,開發(fā)者無需明確指出參數(shù)名,就能訪問它們。還可以用 arguments 對(duì)象檢測(cè)函數(shù)的參數(shù)個(gè)數(shù),引用屬性 arguments.length 即可。
3、熟悉for循環(huán)數(shù)據(jù)的語句
for (let i = 0; i < li.length; i++) { li[i].style.backgroundColor = 'green'; }