DOM详解(一)：什么是DOM

1. 什么是: Document Object Model
     专门操作HTML内容的API
   原生js: ES(核心语法)
              +DOM(操作网页内容的API) 
              +BOM(操作浏览器窗口的API) 
   DOM: W3C 专门操作HTML内容的API标准

   DOM分为: 
       核心DOM: 能够操作所有结构化文档(HTML, XML)
           万能, 繁琐
       HTML DOM: 专门操作HTML内容的API
           对部分常用API的简化
           简单,  不是万能！
       真正开发: 先用简单的！如果简单的实现不了，再用核心DOM补充

2. ***DOM Tree: 
   HTML中每个内容(元素,属性,文本)都是一个节点对象(Node)
   所有节点对象都以树形结构存储在一起
   document对象是整棵树的根节点
   所有Node对象都是document的子代节点
   今后，实现任何功能前，必须在头脑中构建出一个树形结构

   节点对象: Node 是所有节点对象的父类型 
      三大属性: 
      nodeType: 节点类型  number
         专门区分节点的类型:
         document: 9
         element:    1
         attribute:   2
         text:           3
         问题: 无法进一步区分元素的标签名
      nodeName: 节点名
         专门区分节点的名称:
         document: #document
         element:    标签名(全大写)
         attribute:   属性名
         text:           #text
      nodeValue: 节点值（了解）
         document: null
         element:    null
         attribute:   属性值
         text:           文本的内容
          
***DOM操作: 都要先找到元素，再修改元素
        四大操作: 查找，修改，添加，删除