DOM介绍
DOM全称是Document Object Model(文档对象模型),它是JS将HTML按文档结构和内容层次抽象出的模型,使得JavaScript有了访问HTML的能力,能够实现对HTML中内容的操作
DOM模型呈现树状结构,因此也叫“树模型”,树中的内容(标签、属性、文本)称为“节点”,节点在dom中就是对象。包含有元素节点(标签)、属性节点、文本节点。dom模型中,每个节点,都是一个JavaScript对象
根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:
-
整个文档是一个文档节点,用document对象表示,最大的节点
-
每个 HTML 元素是元素节点,比如html、head、body、a、h1
-
HTML 元素内的文本是文本节点
-
每个 HTML 属性是属性节点,比如href
-
注释是注释节点
节点之间的关系犹如人类家族中的族谱。节点之间的关系包括:
-
父子关系(父子、后代、祖先级)
-
兄弟(姐妹)关系
转载必须注明出处:https://www.zhiqiexing.com/149.html