资源推荐:
社区资源: 自动化测试交流群
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选择器定位元素。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。