获取元素的方法

获取元素的方法：

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 (){}

　　　　......