DOM系列(一)新手小白的第一篇博客
这是我的第一篇博客,由于有一个月没有学习JS了,DOM的很多东西都忘了,这就算是一种复习吧
DOM概述
什么是DOM
DOM(Document Object Model–文档对象模型)是用来呈现以及与任意HTML或XML文档交互的APL。DOM是载入到浏览器中的文档模型,以节点数的形式来表示文档,每个节点代表文档的构成部分(例如:页面元素、字符串或注释等等)
- D表示Document,就是DOM将HTML页面解释为一个文档。同时提供了Document对象。
- O表示Object,就是DOM将HTML页面中每个元素解析为一个对象。
- M表示Model,就是DOM中表示各个对象之间的关系。
DOM树结构
节点
节点原本第网络术语,表示网路中的连接点。一个网络是由一些节点构成的集合。
在DOM树结构中,节点也是很重要的一个概念。简单来说,节点作为DOM树结构中的连接点,最终构成了完整的DOM数结构。
常量 | 值 | 描述 |
---|---|---|
Node.DOCUMENT_NODE | 9 | 文档节点,表示整个HTML页面(相当于document对象) |
Node.ELEMENT_NODE | 1 | 元素节点,表示HTML页面中的标签(即HTML页面的结构) |
Node.ATTRIBUTE_NODE | 2 | 属性节点,表示HTML页面中的开始标签包含的属性。在DOM4规范里Node接口将不再表现这个元素属性 |
Node.TEXT_NODE | 3 | 文本节点,表示HTML页面中的标签所包含的文本内容 |