web前端开发第二阶段——DOM

js大致三个方面

核心（ECMAScript组织）ecma规范 es5
文档对象模型（DOM）
浏览器对象模型（BOM)

一、规范

ecma规范：基于Netscape javaScript的一种标准脚本语言。它也是一种基于对象的语言，通过DOM可以操作网页上的任何对象。可以增加、删除、移动或者改变对象。使得网页的交互性大大提高。——百度百科
数据、变量、函数、数组、循环判断等操作
w3c规范：
含义：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。
DOM操作
行为标准：
一、文档对象模型（外语缩写：DOM）根据W3C DOM规范，DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对象。
二、ECMAScript　ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言（JAVAScript）。现推荐遵循的是ECMAScript 262 [1]

二、目前已学的相关

DOM通过document对页面的元素进行增删改查（DOM树）

获取元素、获取样式、设置和删除样式、添加事件、设置属性、改变属性

一、按标签（节点）来划分

元素节点 ->属性节点->含内容
					1、文本	文本节点
					2、元素	元素节点
					3、注释	注释节点
					4、document文档页面	文档节点

如何获取元素（节点）
5种

	//dom,回忆获取标签的五种方法
	var box=document.getElementById('box');
	var sp=document.getElementsByTagName('span')[0];
	var op=document.getElementsByClassName('op')[0];
	var ap=document.querySelector('.op');
	var ap1=document.querySelectorAll('.op')[0];

（一）判断类型——获取节点类型后的返回值是数字

1——>元素节点
2——>属性节点
3——>文本节点
8——>注释节点
9——>文档节点

（二）获取节点的类型

元素（节点）名.nodeType

（三）获取元素节点的具体名称

元素（节点）名.nodeName

（四）获取元素节点的所有属性节点

元素（节点）名.attributes

（五）获取元素节点包含的子节点

元素（节点）名.childNodes

二、按层级来划分

父子关系

通过标签与标签找元素
（一）获取某标签的上一个兄弟标签

元素（节点）名.previousElementSibling
上上个
元素（节点）名.previousElementSibling.previousElementSibling

（二）获取某标签的下一个兄弟标签

元素（节点）名.textElementSibling

（三）获取某标签的父级标签

元素（节点）名.parentNode

（四）获取某标签的所有子元素

元素（节点）名.children

（五）获取某元素的第一个子元素

元素（节点）名.firstElementChild

（六）获取某元素的最后一个子元素

元素（节点）名.lastElementChild	

ps:重绘、重构：项目改版