js.方法 api

		getElementbyId(获取id元素)
		console.dir(打印返回的元素对象)
		document.queryselector（ 返回指定选择器的第一个元素 ）
		document.queryselectorAll ( 返回指定的所有元素)
		document.body ( 获取body ）
		document.getElementsByclassName(获取类名）
		
		事件三要素：（1）事件源：事件被触发的对象
		（2）事件类型,:如何触发 点击还经过。。。。
		（3）事件处理程序：通过一个函数赋值的方式
		类型：点击 click ：鼠标经过 moaseover: 鼠标离开 mouseout ：鼠标移动 mousemove：表单 input
		焦点 focus ：失去焦点 blue
		
		注册事件方式：
		传统方式  btn.onclick = function(){}      this（指这个事件要调用的当前属性）
		      e.target(获取触发事件的对象)
		监听可多个 btn.addEventListener('click',fn flag= false 代表的是事件冒泡 ：true 代表的是捕获事件）
		
		效率比：
		innerHTML效率高  ，结构不方便查看 ，也不方便进行事件注册
		createElement稍微比innerHTML低 ，结构清晰，方便进行事件注册
		
		删除事件：
		传统方式：divs[0].onclick = null;
		监听：divs[1].addEventListener('click', fn)
		function fn(){ divs[0].removeEventListener('click', fn);
		
		节点，元素，删除，追加，获取：
		var li = document.createElement('li')  // 仅仅只是在内存中
		parent.appendChild(li)  追加子元素
		parent.insertBefore(li, 参照的元素)
		parent.removeChild(child)  注意：只能是父亲删除儿子
		获取父节点：element.parentNode
		获取子元素：element.children
		获取属性：element.qetattribute( ' 属性名')：
		自定义：div.setAttribute('index' , 值（2）)
		
		什么是事件对象 ：描述这一次事件的对象，里面封装了这次事件相关的数据信息
		
		事件阶段：
		捕获阶段：从最外一层一层传递 直到目标对象
		
		目标阶段：
		冒泡阶段：从最里一层一层传递 直到目标对象
		
		事件属性：
		e.target : 获取触发事件的对象
		e.pageX|pageY  获取鼠标在页面中的位置   i9以上支持
		e.clientX|clientY  获取鼠标在可视区域的位置
		阻止冒泡：(只能阻止你写的那个冒泡当前内容)
		俩种方式：标准学法 e.stoPropaxgation():   兼容性问题 ：IE678，e.canelBalble = true
		阻止默认行为：让链接不跳转，让提交不提交
		e.preventDefault()  标准学法：
		低版本用：e.returnvalue;
		在传统方式注册的，我们可以直接return false;
		
		  键盘事件
		onkyq：键盘被松开时触发
		onkedown：键盘按下的时候触发
		onkepress：键盘按下的时候触发 但不识别功能键：
		keylode：判断按下哪个键
		.trim：去除空格