资源推荐:
视频资源: 软件测试相关系列视频
社区资源: 自动化测试交流群
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选择器定位元素。
原创文章,作者:Maggie-Hunter,如若转载,请注明出处:https://blog.ytso.com/193139.html