dom(文档对象模型)是用于访问、操作和修改 html/xml 文档树状结构的 api,它将文档表示为一个节点层次结构,包括 document、element、text 和 attribute 节点,可用于:访问和修改文档结构访问和修改元素样式响应用户交互创建/修改 html 内容
DOM:文档对象模型
DOM(文档对象模型)是针对 HTML 和 XML 文档树状表示形式的一种应用程序编程接口(API)。它允许您访问、操作和更改文档的内容、结构和样式。
DOM 的结构
DOM 将 HTML 文档表示为一个节点层次结构,其中:
- Document 节点是文档的根节点。
-
Element 节点表示 HTML 元素,如或
。
- Text 节点表示元素内的文本内容。
-
Attribute 节点表示元素的属性,如 中的 id 属性。
DOM 的用途
DOM 用于在客户端(浏览器中)动态地与 HTML 文档进行交互。它允许您:
- 访问和修改文档结构(添加、删除或修改节点)。
- 访问和修改元素样式(更改颜色、字体等)。
- 响应用户交互(例如,按钮单击、表单提交)。
- 创建新的 HTML 内容或修改现有内容。
访问 DOM
您可以通过以下方式访问 DOM:
- Document 对象:代表当前文档。例如,document.getElementById("myDiv")。
- getElementById() 方法:获取具有指定 ID 的元素。
- getElementsByTagName() 方法:获取所有具有指定标签名的元素。