Javascript DOM的简介

DOM：

文档对象模型（Document Object Model），简称DOM，是W3C的标准
W3C定义了一系列的DOM的API接口，通过这些DOM接口可以改变网页的内容、结构和样式。
W3C DOM 标准被分为 3 个不同的部分：

	核心 DOM - 针对任何结构化文档的标准模型		包含 HTML 和  XML
	XML DOM - 针对 XML 文档的标准模型
	HTML DOM - 针对 HTML 文档的标准模型

HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。
HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树：

HTML 文档中的所有内容都是节点(标签、属性、文本、注释等)，用node表示
一个HTML页面就是文档，用document表示，所有的节点(node)都是document的子节点
标签就是元素,用element表示

node的三大属性：

nodeType 节点类型 返回值是 number类型 nodeType 是只读的。

	document(文档)   	  9
	注释	  	  		  8
	element(元素)         1 
	attrbute(属性)  	  2
	text(文本)    	      3

nodeName 节点名 返回值是 string类型 nodeName 是只读的

	document(文档)   #document
	element(元素)    全大写的标签名
	attrbute(属性)   属性名
	text(文本)	     #text

nodeValue 节点值 返回值:

	document(文档)   null
	element(元素)    null
	attrbute(属性  	属性值
	text(文本)      文本的内容

node之间的关系：

父子关系：

	node.parentNode   获得node的父节点
	node.childNodes   获得node的直接子代节点
    node.firstChild   获得node下的第一个子节点
	node.lastChild    获得node下最后一个子节点

兄弟关系

	node.previousSibling   返回当前节点的前一个兄弟节点
	node.nextSibling       返回当前节点的下一个兄弟节点

元素（element）的关系

父子关系

	elem.parentElement   			返回父元素对象
	elem.children   	 			返回子元素对象集合   
	elem.firstElementChild   		返回第一个子元素对象
	elem.lastElementChild           返回最后一个子元素对象

兄弟关系

	elem.previousElementSibling     返回当前元素的前一个兄弟元素
	elem.nextElementSibling         返回当前元素的下一个兄弟元素