资源推荐:
创新互联专注于中大型企业的网站建设、成都网站设计和网站改版、网站营销服务,追求商业策划与数据分析、创意艺术与技术开发的融合,累计客户上1000+,服务满意度达97%。帮助广大客户顺利对接上互联网浪潮,准确优选出符合自己需要的互联网运用,我们将一直专注高端网站设计和互联网程序开发,在前进的路上,与客户一起成长!
社区资源: 自动化测试交流群
DOM(Document ObjectModel)代表整个HTML文档,并且可以通过使用javascript进行访问,通过该定位策略将javascript结果计算为一个页面中的元素。代码示例如下:
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选择器定位元素。