DOM

DOM就是大家一起YY出来的页面的一种结构。由3个部分组成，Document,Object,Model。
Document就是写代码的那些标签组成的，如下图：

Object就是把Document转换成对象得到的，关系如下图。Javascript类型中，它们都属于Node，Node又属于Object，关系如下下图：

Model就是上面这样模式的名字，文档对象模型。

Node

正如像function,Array一样，Node也有很多自己的方法和属性。Array的方法和属性用来对数组进行操作，Node的方法和属性就用来对节点进行操作。对节点进行操作意思就是在DOM这颗树上爬来爬去，寻找需要的元素（element）,文本（text）,文档（document）等，进行【删增改查】。

Node主要属性

父节点和子节点

• parentElement
• parentNode

• childNodes

  获得目标元素的所有子节点，这是对代码来讲的，所以也包括了写代码时的回车换行（text节点）

• children

  获得目标元素的所有子标签

• firstChild

  获得目标元素第一个子节点

• firstElementChild

  获得目标元素第一个子标签

• lastChild

  获得目标元素最后一个子节点

• lastElementChild

  获得目标元素最后一个子标签

获取文本

• innerText

  修改节点的innerText，会删除节点里面的所有内容，改为修改的值

  要在后面添加文本内容，请这样写：
  var textnode=document.createTextNode("helloMyLove");    //创建文本节点
  xxx.appendChild(textnode);      //添加文本节点
  
  或者联成一句：
  xxx.appendChild(document.createTextNode("helloMyLove");

• textContext

  请参考：
  https://developer.mozilla.org/zh-CN/docs/Web/API/Node/textContent