JAVAWEB JavaScript 对象 document（DOM）
一、DOM模型
DOM全称是文档对象模型。就是把html\xml等文档的标签，属性，文本，转换成为对象来管理。
1、Document对象
Document代表整个文档。
<html lang="zn_ch">
<head>
<title>My title</title>
</head>
<body>
<a href="http://www.baidu.com">My link</a>
<h1>My header</h1>
</body>
</html>
以下为上面html代码都转换为dom对象后所对应的树形结构图。这个树形结构图由document对象进行管理和维护，Document让所有标签都对象化，我们可以通过Document对象访问所有的标签对象。
对象化exp：有一个人，性别男，年龄19岁,名字刘某某
class person {
private int age;
private string sex;
private string name;} //这就是对象化
同理：html 标签对象化：
<body>
<div id="div01">div01</div>
</body>
实例化以后
class Dom{
private String id; //id属性
private String tagName; //标签名
private Dom parentNode; //父亲
private List<Dom> children; //孩子节点
private String innerHTML; } //起始标签和结束标签之间的内容 即div01
这样就实现了，用一个Dom类，记录了html的所有内容（包含标签、属性、内容等等）
1、总述
- 整个文档是一个文档节点
- 每个 HTML 元素是元素节点
- HTML 元素内的文本是文本节点
- 每个 HTML 属性是属性节点
- 注释是注释节点
2、由图可见：
- <html> 节点没有父节点；它是根节点
- <head> 和 <body> 的父节点是 <html> 节点
- 文本节点 "My header" 的父节点是 <h1> 节点
并且：
- <html> 节点拥有两个子节点：<head> 和 <body>
- <head> 节点拥有一个子节点：<title> 节点
- <title> 节点也拥有一个子节点：文本节点 "My title"
- <a> 和 <h1> 节点是同胞节点，同时也是 <body> 的子节点
并且：
- <head> 元素是 <html> 元素的首个子节点
- <body> 元素是 <html> 元素的最后一个子节点
- <a> 元素是 <body> 元素的首个子节点
- <h1> 元素是 <body> 元素的最后一个子节点