資源推薦:
創(chuàng)新互聯(lián)專注于中大型企業(yè)的網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)和網(wǎng)站改版、網(wǎng)站營(yíng)銷服務(wù),追求商業(yè)策劃與數(shù)據(jù)分析、創(chuàng)意藝術(shù)與技術(shù)開發(fā)的融合,累計(jì)客戶上1000+,服務(wù)滿意度達(dá)97%。幫助廣大客戶順利對(duì)接上互聯(lián)網(wǎng)浪潮,準(zhǔn)確優(yōu)選出符合自己需要的互聯(lián)網(wǎng)運(yùn)用,我們將一直專注高端網(wǎng)站設(shè)計(jì)和互聯(lián)網(wǎng)程序開發(fā),在前進(jìn)的路上,與客戶一起成長(zhǎng)!
社區(qū)資源: 自動(dòng)化測(cè)試交流群
DOM(Document ObjectModel)代表整個(gè)HTML文檔,并且可以通過使用javascript進(jìn)行訪問,通過該定位策略將javascript結(jié)果計(jì)算為一個(gè)頁面中的元素。代碼示例如下:
dom=document.getElementById('loginForm') (3)
dom=document.forms['loginForm'] (3)
dom=document.forms[0] (3)
document.forms[0].username (4)
document.forms[0].elements['username'] (4)
document.forms[0].elements[0] (4)
document.forms[0].elements[3] (7)
注:由于只有dom定位器才會(huì)使用以”document”開始的定位表達(dá)式,所以定位表達(dá)式的前綴”dom=”可以忽略。
更多常用頁面元素查找方法,如下:
getElementById() 返回對(duì)擁有指定 id 的第一個(gè)對(duì)象的引用。
getElementsByName() 返回帶有指定名稱的對(duì)象集合。
getElementsByTagName() 返回帶有指定標(biāo)簽名的對(duì)象集合。
getElementsByClassName 返回帶有指定Class的對(duì)象集合。
childNodes 返回所有子節(jié)點(diǎn)(包含文本節(jié)點(diǎn))
Children 返回所有html子元素
firstChild 返回當(dāng)前頁面元素的第一個(gè)子節(jié)點(diǎn)(包括文本節(jié)點(diǎn))
firstElementChild 返回當(dāng)前頁面元素的第一個(gè)子元素
lastChild / lastElementChild
nextSibling 返回當(dāng)前節(jié)點(diǎn)的下一個(gè)姊妹節(jié)點(diǎn)
nextElementSibling 返回當(dāng)前節(jié)點(diǎn)的下一個(gè)姊妹元素節(jié)點(diǎn)
PreviousSibling /previousElementSibling
parentElement / parentNode
querySelector 支持css選擇器定位元素。