HTML DOM 介绍
HTML DOM 是 W3C(万维网联盟)制定的关于HTML的标准
①HTML DOM( Document Object Model ), 即文档对象模型
②HTML DOM 定义了访问和操作 HTML 文档的标准方法(接口)
③ HTML DOM 以树状结构表达 HTML 文档
HTML DOM 树
HTML DOM 节点
在HTML DOM中,所有事物都是节点,整个HTML就是以节点构建的一个DOM树
①整个 HTML 文档是一个文档节点
②每个 HTML 元素是元素节点
③每个 HTML 元素内的文本是文本节点
④每个 HTML 属性是属性节点
⑤注释是注释节点
⑥...
HTML DOM 节点层级关系
HTML DOM树中的节点彼此拥有层级关系
①根结点:最顶端结点称为根结点,其没有父节点,如:<html>
②父节点:其可以拥有子节点,如:<head>
③子节点:父节点下一级的节点
④同胞节点:拥有相同父节点的同级节点,如:<head>与<body>
HTML DOM 节点层级关系
<html>是根节点,没有父节点
<html>有两个子节点<head><body>
<head>有两个子节点<meta><title>
<body>有两个子节点<h2><p>
<head>与<body>拥有相同的父节点<html>,是同级节点
<h2>与<p>也是同级节点,其共同的父节点为<body>
<h2>是<body>的首个子节点
<p>是<body>的最后一个子节点