获取元素的方法：
a：通过ID获取元素：
#list {} var oUl = document.getElementById('list'); 静态方法 // 通过元素的id来获取当前的这个元素的标签
// 在整个文档中，我们通过元素的ID来获取一个元素对象
// document在这里起到了一个限定获取范围的作用，限定了获取的范围一定要子啊整个文档中获取，我们把其称之为上下文（context）
// 通过typeof oUl检测到获取的元素是一个对象数据类型的值
b：动态方法：元素的集合
li {} document,getElementsByTagName('li'); 动态方法。（文档中所有的li标签） // 通过元素的标签名来获取一组元素集合
// 通过console.dir(aLi)，发现我们获取的元素集合是索引，索引是从0开始
console.log(aLi[0]); —> 获取集合中的第一个li,依次往下推;
console.log(aLi[索引]); —> 获取集合索引对应的每一个li;
// 属性length，代表获取li的个数：console.log(aLi.length);
注：我们把上述叫做“类数组”，也就是类似于数组
c：当页面中只有一个元素的时候：（document.元素）
document.title = 123;
document.body.innerHTML = 123;
例子： （给body添加一些内容，在通过标签获取元素，添加行为）
// 在body中添加了三个按钮，这里一般都是用for循环来实现添加三个按钮
document.body.innerHTML = '<input type="button" value="按钮"/><input type="button" value="按钮"/><input type="button" value="按钮"/>'
// 通过元素的标签名来获取一组按钮
var aBtn = ducument.getElementByTagName('input')
// 给第0个按钮（0是元素集合中的索引，对应的是第一个按钮）添加点击样式，如果想要给每一个按钮添加相同样式的话，可以用到for循环来实现
aBtn [0].onclick = function (){}
......