abstract: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()
獲取第一個匹配元素 document.querySelector()
小結(jié):1、獲取可以使用數(shù)組下標(biāo)[0]和item(0)
2、let 定義變量不允許重復(fù),相對var跟嚴(yán)謹(jǐn)
新知識點:
1、throw new Error("沒有這個元素") //throw new拋出異常
2、arguments 在函數(shù)代碼中,使用特殊對象 arguments,開發(fā)者無需明確指出參數(shù)名,就能訪問它們。還可以用 arguments 對象檢測函數(shù)的參數(shù)個數(shù),引用屬性 arguments.length 即可。
3、熟悉for循環(huán)數(shù)據(jù)的語句
for (let i = 0; i < li.length; i++) { li[i].style.backgroundColor = 'green'; }
Correcting teacher:天蓬老師Correction time:2018-12-31 16:28:08
Teacher's summary:試試這2個方法, querySelector() 和 querySelectorAll() ,超爽