DOM，即文档对象模型，前端开发工程师的基本知识必须学习，利用假期，顺便进行审查。本文将介绍如何选择HTML文档中的元素，如何创建元素，如何更改内部CSS样式以及如何监视事件。
DOM文档对象模型是HTML和XML文档的编程接口。使用逻辑树代表文档。树的每个分支的末端是节点（节点）。每个节点都包含对象。创建，更改或从文档中删除元素，还可以将事件添加到这些元素中以使页面更加动态。
DOM将HTML文档视为节点树，而节点代表HTML元素。以下HTML代码可以更好地理解以更好地理解DOM树结构。
该文档称为root节点，其中包含一个子节点，即元素。元素包含两个子元素，即元素。
两者都有自己的子元素，如下所示：
您可以通过JavaScript访问文档中的这些元素并更改它。以下内容将介绍如何使用JavaScript进行Process DOM。
如何选择文档中的元素？有几种不同的方法可以在HTML文档中选择元素。引入了以下三种方法：
在HTML中，它是HTML元素的唯一标识符，这意味着不能为两个不同的元素设置它，并且必须确保整个文档的唯一性。
在JavaScript中，可以使用名称获得HTML标签。
打开开发人员工具：
如果您需要将文本获取在对象中，则可以使用它或：
打开控制器以查看：
QuerySelector（）使用此方法来找到一个或多个CSS选择器的元素。以下是国庆电影时间表信息作为示例，以获取相应的标题和列表元素。
打开浏览器中的文档并打开开发人员工具，您可以看到以下效果：
querySelectollll（）此方法找到与CSS选择器匹配的所有元素的列表，然后返回到节点列表。让我们找到电影时间表的每个元素：
控制台打印的效果如下：
上述节点列表可以通过以下方式旅行：
控制台打印的效果如下：
如何在文档中添加新元素？您可以在DOM树中使用新元素，并将内容添加到其新元素中。以下示例添加到电影时间表列表中：
运行后，页面效果如下：
如何更改内部CSS样式？通过使用属性来更改HTML文档中的CSS样式，它仍然基于国庆电影时间表。
运行后，页面效果如下：
关于CSS样式的属性，JavaScript中使用了驼峰方法。例如，JavaScript中的相应属性为。
如何在监视页面上使用该元素的事件？如何使用，以下示例可以通过单击按钮将新的电影时间表添加到列表中，如下所示：
运行后，页面效果如下：
在实际项目中，事件监控治疗比这更负责。对于现代网络开发，丰富的前端框架和事件处理的处理都很好，甚至开发人员也忘记了事件监控的相关知识，例如事件，例如事件，例如Invistrbubble，事件捕获，活动委员会等，本文将不会扩展。
DOM文档对象模型是HTML和XML文档的编程接口。当浏览器首次读取（分析）HTML文档时，它会创建一个大对象，一个基于HTML文档的非常大的对象，这是DOM.it.it是HTML建模的树状结构。dom用于交互和修改DOM结构或特定元素或节点。