获取元素的方法
获取元素的方法:
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 (){}
......