前端面试之Dom

DOM分类

DOM按其内容可分为5个部分

核心DOM：是用于XML与HTML的共用接口； XMLDOM：XML专用接口； HTML DOM：HTML专用接口；
DOM事件模型：定义DOM能够响应的事件； CSS DOM：CSS专用接口

HTML节点树
HTML文档是一种树状的结构化文档、各标记之间是一种树状的层次关系

说明

结构树反映了各HTML元素之间的层次关系。包含和’,包含；又包含

和等
DOM就通过这种树结构的层次关系，来定位、访问与控制文档中各元素及其内容。
节点术语

结构图中的每一项称为节点(Node)，树状结构叫节点树。
父节点：某节点上端的节点(parentNode)
子节点：包含在某个节点下的节点(childNode)
兄弟节点：位于同一层次的节点称为兄弟节点。
DOM HTML节点类型
概述
DOM中定义了12种节点类型，有些类型是XML专有的，与HTML相关的节点类型如下图所示。

说明
在一个DOM树中，只有一个Document类型的节点，该节点是整个文档的根，代表了当前文档。
Element节点，对应于HTML中的各种标记，Element节点是Document节点的子节点，它们对应的元素对象均为document对象的子对象。
通过对HTML节点树的描述，浏览器为各节点建立对应的对象，各对象与节点树中的节点具有层次关系，通过这些对象，访问与控制文档中各内容

核心DOM

结构图说明

Node接口是所有其它接口的顶层接口，Node中定义的属性和方法被其他接口继承，也就是说，Node接口中定义了适用于所有节点的属性和方法。
在浏览器中，Node接口并不对应于具体的浏览器对象，该接口中定义的属性和方法直接通过具体的节点对象进行调用。例如通过Document类型节点的document对象节点调用。
提示：节点对象指节点所对应的浏览器对象。