2.3 JavaScript专题之-DOM.js p1

文档：JavaScript专题之-DOM.js
内容：document介绍及操作
编者：张永辉 2014年10月23日
参考： http://www.cnblogs.com/bettertanme/p/3206342.html
`  http://www.cnblogs.com/lijiyang/archive/2013/06/09/3129188.html
`  http://www.w3school.com.cn/htmldom/index.asp
==========================================================================================
目录：
`1 DOM概念
`2 DOM树的层次结构
`3 读取操作示例
`4 写入操作示例
------------------------------------------------------------------------------------------
1 DOM概念
`1 DOM：  文档对象模型document object model
`2 DOM三层模型：
`   DOM1；将HTML文档封装成对象
`   DOM2：将XML文档封装成对象
`   DOM3：将XML文档封装成对象
`3 DOM树：将HTML中的标签按照层级关系封装成节点对象
`4 作用：使静态的HTML页面的标签变为动态的可操作的节点对象
`5 DHTML：动态的HTML，是HTML、CSS、DOM、JavaScript四种技术的综合体
`6 加载：当标记型文档加载进内存，内存中就产生了相应的DOM树，其弊端是，文档国大时，消耗资源。
`7 DOM与JS: DOM是面向HTML和XML文档的API，为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。
```  JavaScript则是用于访问和处理DOM的语言。可以使用任何脚本语言来访问DOM，这要归功于其一致的API。
```  JS中的全局变量在创建document之前运行，所以在JS全局中写document.xxx会报错。
2 DOM树的层次结构 即HTML文档中的层次关系
`document HTML文档对象
`   |——head
```  |——title
```  |——base
```  |——meta
```  |——link
`   |——body
```  |——form
````` |——input
````` |——select
````` |——textarea
```  |——div
```  |——table
````` |——tbody` 默认都有，不写也有
```````|——tr
````````   |——td
````````   |——th
```  |——a