JavaScript+Vue.jsWeb开发实战教程课件 第五章 JavaScript DOM介绍.pptxVIP

JavaScriptDOM介绍演讲人：XXXXXXJavaScript+Vue.jsWeb开发实战教程05

学习目标掌握JavaScript中DOM元素的用法掌握JavaScript中DOM事件的监听方法能够独立操作DOM元素能够编写DOM事件能够独立创建JavaScript的事件监听器

思维导图

5.1DOM简介DOM是一种用于处理和操作HTML、XML和XHTML等文档的编程接口，其将整个文档表示为一个由节点组成的树状结构。其中，每个节点代表文档中的元素、属性、文本或其他类型的内容。开发者可以使用JavaScript访问、修改和操作文档中的元素和其他内容。DOM提供了一系列的方法和属性，用于查找和选择特定的元素，添加、删除和修改元素，以及修改元素的属性和样式等。当网页被加载时，浏览器会创建页面的DOM，即HTMLDOM。HTMLDOM定义了用于HTML的一系列标准的对象，以及访问和处理HTML文档的标准方法。通过DOM可以访问所有的HTML元素（包括它们所包含的文本和属性）。HTMLDOM被构造为对象的树，即HTMLDOM树，如图所示。HTMLDOM树由3种主要类型的节点组成：元素节点、文本节点和属性节点。

5.1DOM简介其中，元素节点表示文档中的HTML元素，文本节点表示元素节点中的文本内容，而属性节点表示元素节点的属性。图HTMLDOM树

5.