查找HTML元素
通常通過javascript ,需要操作HTML元素,可以通過id、類名、標(biāo)簽名來尋找要操作的HTML元素
1) 通過id來尋找HTML元素
getElementByld(id)這個(gè)方法返回一個(gè)對(duì)象,這個(gè)對(duì)象對(duì)應(yīng)著document對(duì)象里一個(gè)獨(dú)一無二的元素。(實(shí)際上,document中的每個(gè)元素都是一個(gè)對(duì)象。利用DOM提供的方法能得到任何一個(gè)對(duì)象)節(jié)點(diǎn)上設(shè)置id屬性,id應(yīng)該設(shè)置為獨(dú)一無二的,但是你非得在html節(jié)點(diǎn)上加上兩個(gè)相同的id,chrome上只會(huì)返回第一個(gè)。一般說來,用不著為文檔里的每個(gè)元素都定義一個(gè)獨(dú)一無二的對(duì)象。DOM提供了另一個(gè)方法來獲取那些沒有id屬性的對(duì)象。
2) 通過標(biāo)簽來尋找HTML元素
getElementsByTagName();getElementsByTagName方法會(huì)返回一個(gè)對(duì)象數(shù)組,每個(gè)對(duì)象分別對(duì)應(yīng)著文檔里有著給定標(biāo)簽的一個(gè)元素。參數(shù)就是文檔的標(biāo)簽,比如body、ul、ui等標(biāo)簽。
getElementsByTagName還可以傳遞通配符* ,它會(huì)返回文檔里的所有元素節(jié)點(diǎn),document.getElementsByTagName(“*”)。
3) 通過類名找到HTML元素
getElementsByClassName();getElementsByClassName()方法會(huì)返回一個(gè)對(duì)象數(shù)組,每個(gè)對(duì)象分別對(duì)應(yīng)著文檔里有著給定標(biāo)簽的一個(gè)元素。參數(shù)就是文檔的標(biāo)簽的class屬性值。