Web自动化测试之DOM对象和元素查找

发表于:2019-7-15 11:25

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:乐乐先生    来源:博客园

  一、DOM对象
  DOM(Document Object Model文档对象模型):将HTML的各种元素映射为JS可访问的对象。
  HTML文档中的所有内容都是节点,这些东西在HTML中我们称为元素。
  整个文档是一个文档节点
  每个HTML元素是元素节点
  HTML元素的文本是文本节点
  每个HTML属性时属性节点
  注释是注释节点
  DOM时间监听
  类似于python中的while循环机制
  二、页面元素的操作
  document表示整个HTML页面,window表示HTML页面上面的整个部分(窗口部门)。
  1、元素查找
  e = document.getElementById(“kw”)
  e = document.getElementsByClassName
  document.getElementsByName
  document.getElementsByTagName
  说明:e是一个对象
  获取文本e.textContent
  e.outerhtml 对应HTML的双引号的字符串,可以修改HTML
  通过ByID查找获取的是单个元素,后三者获取的值是列表(获取元素用e[0]方式获取),因为ID是唯一的,其他的是有可能不唯一的。
  CSS查找:
  document.querySelector(“#kw”)#表示ID 获取的是单个元素
  document.querySelectorAll(“#kw”) 获取的也是一个列表
  2、元素获取
  document.title
  document.URL
  e = document.getElementById(“kw”)
  e.herf
  e.maxLength
  e.getAttribute("maxLength")
  3、元素修改
  a = document.getElementByTagName('html')
  b = a[0]
  b.innerHTML = 'hello' 改变整个页面
  c = document.getElementById(“kw”)
  c.id = 'qqq'
  c.setAttribute('id', 'hello')
  修改中用的做多的是修改disable,readonly和input里的value值

      上文内容不用于商业目的,如涉及知识产权问题,请权利人联系博为峰小编(021-64471599-8017),我们将立即处理
《2023软件测试行业现状调查报告》独家发布~

精彩评论

  • applepen
    2019-7-16 10:21:30

    基于DOM中的元素定位和Selenium的元素定位是一个东西吗?
    一个是document.findElementBy..  另一个是driver.findElementBy..

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号