dom编程基础知识

DOM（Document Object Model，文档对象模型）是由W3C（World Wide Web Consortium，万维网联盟）定义的一种用于表示文档结构和内容的编程接口。它将HTML或XML文档表示为一个由节点（node）和对象（object）组成的树形结构，并提供了对文档的访问和操作方法。

DOM树由多个节点组成，每个节点代表文档中的一个元素、属性、文本或注释。节点之间存在层级关系，形成了一个具有父子关系的树结构。DOM提供了一套方法和属性，使得我们可以通过代码来操作这个树形结构，实现对文档的修改、删除或添加。

DOM树的根节点是`document`对象，它代表整个文档。通过`document`对象，我们可以获取到文档中的所有节点，并且可以通过它提供的方法创建、删除、修改节点。

DOM提供了许多方法用于获取节点，其中最常用的方法是`getElementById`和`getElementsByTagName`。`getElementById`接受一个参数，表示要获取的节点的id，然后返回匹配的节点对象。例如，`document.getElementById("myId")`将返回id为"myId"的元素节点对象。`getElementsByTagName`接受一个参数，表示要获取的节点的标签名，然后返回匹配的节点对象的集合。例如，`document.getElementsByTagName("div")`将返回所有的 div 元素节点集合。

获取到节点后，我们可以通过节点对象提供的属性来获取或修改其内容。例如，`node.innerHTML`属性可以获取或设置节点的HTML内容，`node.textContent`属性可以获取或设置节点的纯文本内容。

除了获取和修改节点的内容，DOM还提供了一系列的操作方法来操纵文档结构。例如，`createElement`方法用于创建一个新的元素节点，`appendChild`方法用于将一个节点添加到另一个节点的子节点列表的末尾，`removeChild`方法用于从父节点的子节点列表中移除一个节点。

DOM还支持事件机制，通过事件机制，我们可以在文档中的某个节点上监听各种事件的发生，并在事件发生时执行相应的操作。例如，我们可以通过`addEventListener`方法，在某个按钮点击时执行一段代码。

除了基本的节点操作和事件处理，DOM还支持对样式、属性和特性的操作。通过节点对象的`style`属性，我们可以获取或设置节点的CSS样式。通过节点对象的`getAttribute`和`setAttribute`方法，我们可以获取或设置节点的属性值。通过节点对象的`getAttributeNS`和`setAttributeNS`方法，我们可以获取或设置节点的命名空间属性。

总结来说，DOM是用于操作文档结构和内容的一种编程接口。它将文档表示为一个树形结构，通过提供一套方法和属性，使得开发者可以对文档进行增删改查操作。熟练掌握DOM编程基础知识，可以快速准确地操作文档，实现各种交互效果和功能。