获取元素和事件注册

1、获取元素

获取body元素可以直接通过：document.body获取
获取html元素可以直接通过:document.documentElement

• getElementById()和getElementsByTagName();-->没有兼容问题，哪里都适用

getElementById()只能通过document调用
通过getElementsByTagName()获取的集合是可以动态改变的

1、使用document.getElementById();

var div = document.getElementById('div');
//因为console.log()会对页面的元素对象做特殊处理，所以我们用console.dir()打印
console.dir(div);
------------------------------------------------------------------------------
2、使用document.getElementsByTagName()根据标签名获取所有相应标签的元素，返回的是一个集合，
   而且是动态集合（即如果页面增加元素他也会实时增加）

var divs = document.getElementsByTagName('div');
console.log(divs);

• querySelector()和querySelectorAll();-->他们都是IE8及以后才支持

在获取input标签对象的时候（如复选框），可以先根据getElementsByTagName('input')获取所有的input标签
然后再循环遍历，筛选出type属性为'checkbox'的即可

2、事件注册

注册点击事件
小科普：所有的事件注册都是以on开头，表示当什么时候
事件名：click;
事件源：这里是button;
事件处理函数：function函数
var button = document.getElementById('button'); //获取元素
//注册事件
button.onclick = function () {
  alert('点我呀');
}dian

点击事件：onclick 
键盘按下：onkeydown
键盘弹起：onkeyup--->在文本框中判断用户输入的内容是否合理可以使用这个（如密码是否有8位数）
双击事件：ondblclick
获取焦点事件:onfocus
失去焦点事件：onblur
当鼠标移入  onmouseover（onmouseenter 不会触发事件冒泡,它不会被它本身的子元素的状态影响到）
当鼠标移出  onmouseout （onmouseleave 不会触发事件冒泡,它不会被它本身的子元素的状态影响到）
鼠标滚轮滚动：onmousewheel