看完就能学会DOM（一）

DOM

文档对象模型
  DOM 是document object model 它是W3C产业联盟制定的浏览器对程序员提供的对HTML文档操作的接口
  把文档中的代码翻译成一个对象模型
  在这个模型中 所有相关的标签属性注释文本等等12种数据 都翻译为一种类型的对象 统称节点对象
这些对象之间在文档模型数据结构中存在某种关系: 根节点 父子节点 同胞节点等等

	1.只有一个根节点document 
	2.除了根节点外所有节点都有唯一的一个父节点
	3.document是window对象的属性 
	4.全局对象模型属于BOM操作 Browser Object Model  把浏览器对外提供的接口翻译为一个对象BOM操作会在接下来的知识点讲到  它不属于标准的接口  但是浏览器厂商都提供了几乎一样的功能
	5.元素的属性也是独立节点  叫属性节点  但是不是元素节点的子节点

事件

    事件三要素：事件源  事件  事件处理函数
    事件源：
    事件：click  dblclick  mousemove...
    事件处理函数: 干什么
    事件源.on事件 = 事件处理函数

   如何获取事件源

		//鼠标点击事件
        document.querySelector(".box1").onclick = function(){
   
            console.log