获取元素
1.1根据ID获取
语法:document.getElementByid(id)作用:根据ID获取元素对象参数:id值,区分大小写的字符串返回值:元素对象 或 null
案例代码
<body><div id="time">-9-30</div><script>//因为我们文档页面从上往下加载,所以先得有标签 所以script写到标签下面var timer = document.getElementById('time');console.log(timer);console.log(typeof timer);//console.dir 打印返回对象 更好的查看里面的属性和方法console.dir(timer)</script></body>
1.2根据标签名获取元素
语法:document.getElementsByTagName('标签名') 或者 element.getElementsByTagName('标签名')作用:根据标签名获取对象参数:标签名返回值:元素对象集合(伪数组,数组元素是元素对象)
案例代码
<body><ul><li>知否知否</li><li>知否知否</li><li>知否知否</li><li>知否知否</li><li>知否知否</li></ul><ul><li>生僻字</li><li>生僻字</li><li>生僻字</li><li>生僻字</li><li>生僻字</li></ul><script>//1.返回值的是 获取过来元素对象的集合 以伪数组的形式存储的var lis = document.getElementsByTagName('li');console.log(lis);console.log(lis[0]);//2.想要的是依次打印里面的元素对象可以采用遍历的方式for (var i = 0; i<lis.length;i++){console.log(lis[i])}//3. element.getElementByTagName() 可以得到这个元素里面的某些标签var nav = document.getElementById('nav')var navlis = nav.getElementsByTagName('li');console.log(navalis);</script></body>
注意:1.因为得到的是一个对象的集合,所以想要操作里面的元素就需要变量2得到元素对象是动态的3.getElementsByTagName()获取到是动态集合,即:当页面增加了标签,这个集合中也就增加了元素