1. 程式人生 > >Selenium IDE DOM元素選擇定位器

Selenium IDE DOM元素選擇定位器

tex com adding amp script nod val 方法 size

點擊鏈接加入群【悅分享測試聯盟】:https://jq.qq.com/?_wv=1027&k=5FiMKHH

DOM定位器

DOM(Document ObjectModel)代表整個HTML文檔,並且可以通過使用javascript進行訪問,通過該定位策略將javascript結果計算為一個頁面中的元素。代碼示例如下:

<html>

<body>

<formid="loginForm">

<inputname="username"type="text"/>

<inputname="password"

type="password"/>

<inputname="continue"type="submit"value="Login"/>

<inputname="continue"type="button"value="Clear"/>

</form>

</body>

<html>

  • 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定位器才會使用以”document”開始的定位表達式,所以定位表達式的前綴”dom=”可以忽略。

更多常用頁面元素查找方法,如下:

getElementById() 返回對擁有指定 id 的第一個對象的引用。

getElementsByName() 返回帶有指定名稱的對象集合。

getElementsByTagName() 返回帶有指定標簽名的對象集合。

getElementsByClassName 返回帶有指定Class的對象集合。

childNodes 返回所有子節點(包含文本節點)

Children 返回所有html子元素

firstChild 返回當前頁面元素的第一個子節點(包括文本節點)

firstElementChild 返回當前頁面元素的第一個子元素

lastChild / lastElementChild

nextSibling 返回當前節點的下一個姊妹節點

nextElementSibling 返回當前節點的下一個姊妹元素節點

PreviousSibling /previousElementSibling

parentElement / parentNode

querySelector 支持css選擇器定位元素。


Selenium IDE DOM元素選擇定位器