Selenium WebDriver 中的 DOM 是什么？
在 Selenium WebDriver 中的 DOM 是使用 html5和 JavaScript 开发 web 的一个重要组成部分。DOM 的完整形式是文档对象模型。DOM 不是一个计算机科学概念。它是 web 开发者之间标准化的一组简单的接口，用于使用 JavaScript 访问和操作 HTML 或 XML 文档。
这些标准帮助开发人员构建 页，而不用担心实现细节。参与标准化这些界面的组织有 Mozilla、 Apple、 Microsoft、 Google、 Adobe 等等。然而，正是 W3C 形式化了一个标准并发布了它——请看这里(
https://dom.spec.whatwg.org/)。
本教程旨在介绍 HTML 文档结构的基本概念以及如何使用 JavaScript 来操作它。我们将在本教程中讨论以下主题:
理解 DOM 结构
如果您正在构建任何使用 JavaScript 编写脚本的 站，那么您将需要了解 DOM 结构。如果您在您的 站-中正在执行以下任何一项或所有复杂任务，那么理解 DOM 就更为关键
- 开发不断自我更新的内容，而不用刷新用户投资组合中所有股票的整个页面式当前价格
- 开发高级用户交互，比如动态地添加或修改内容——就像增加投资组合中的股票一样
- 开发内容，可定制的用户喜欢的能力，以改变布局，使共同基金投资组合出现在股票投资组合
- 在你的 站中开发响应式内容，从而使你的 站自动适应不同的媒体屏幕，如 iPhone，桌面，平板电脑等
基本的 HTML 页面
<!DOCTYPE html><meta charset="UTF-8"><html> <head> <title>my page title</title> </head><body> <article> <p> my first article </p> </article> <aside>side bar content</aside></body></html>对于浏览器的 DOM 解析器来说，它看起来如何？
html > head > title > body > aside > article > p如何访问 body 元素？
<script> var body = window.document.body;</script>“ Hello World”怎么说？
<script> var body = document.querySelector("body > article > p").innerHTML = "Hello World!"; </script>最后，整个 HTML 文件看起来就像
打开 Windows 记事本并在其中粘贴以下内容。然后将文件另存为“ myfileenewfile. html”(确保文件名以。Html).
<!DOCTYPE html><meta charset="UTF-8"><html><head><title>my page title</title></head><body><article><p>my first article</p></article><aside>side bar content</aside><script> var body = document.querySelector("body > article > p").innerHTML = "Hello World!"; </script></body></html>最后，只要使用任何一个你喜欢的浏览器打开文件，你就会看到“ Hello World!”
Selenium中 DOM 的组成
下面是 DOM 的主要组件 Selenium WebDriver:
Window
Window 是 DOM 中包含文档对象的对象，它位于所有对象的顶部。
从给定的文档获取窗口对象
<script> var window = document.defaultView;</script>在选项卡式环境中，每个选项卡都有自己的窗口对象。但是，如果想捕获和实现 windows.resizeto 和 windows.resizeby 这样的事件，它们应用于整个窗口，而不仅仅是标签页。
DOM 中窗口对象的属性
本地存储-提供对浏览器本地存储的访问。本地存储可用于存储和检索会话中的数据。
<script> window.localStorage.setItem('name','xyz'); var name = window.localStorage.getItem('name');</script>Opener-获取对打开此窗口的窗口对象的引用(通过单击链接或使用 window.open 方法)
窗口对象的实用方法
Window.alert ()-显示带有消息的警告对话框。
<script> window.alert('say hello');</script>有许多有用的事件窗口对象公开。我们将讨论它们在“事件”部分的前进主题
文件
文档标记了 DOM 树的开始。文档是 DOM 中的第一个节点。它有几个方法和属性，其作用域适用于整个文档，如 URL、 getElementById、 querySelector 等。
声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！