获取元素的第一个方法(静态方法):对于设置了id的元素,使用
var oUl=document.getElementById('list');//#list{} list是某个ul元素的id名
获取元素的第二个方法(动态方法):对于页面上所有的某类元素,通过页面去找:
document.getElementsByTagName('li');//li {}
区别:1. 第一种方法前面只能跟document,不能跟别的元素。第二种方法不仅可以通过document去寻找元素,还可以根据别的元素去寻找元素
var aLi=oUl.getElementsByTagName('li');
2. 第一种方法找到的肯定只是一个元素,而第二种方法找到页面实际存在的所有元素的集合。aL相当于[li,li,li] 元素的集合。有aLi.length和aLi[0]的属性。
3. 第一种在当前行没找到元素,那之后也不会发生变化。而当页面上添加了元素后,第二种方法可以动态地在非当前行找到元素。
作者:齐在
链接:JavaScript学习笔记--获取元素的动态方法getElementByTagName_齐在的专栏-CSDN博客