document操作元素及其它技巧补充!
document.getElementById 直接返回元素对象,找不到返回null
下面这些方法:无论如何返回的一定都是伪数组,找到几个就返回长度为几的伪数组
document.getElementsByTagName:根据标签名找
document.getElementsByClassName:根据类名来找,有兼容问题,IE8和之前的浏览器不支持
document.getElementsByName: 根据name属性来找,在新浏览器里所有元素都能找到,但是在IE8里只能找到表单元素
可以用document来点出getElementsByTagName。找网页中所有匹配的标签
也可以用X元素来点出getElementsByTagName,找X元素里面所有匹配的标签
比如找 ul 里面的某个 li 标签,就可以这样找:
<ul id="df">
<li>事件大弟弟</li>
<li>事件大弟弟</li>
<li>事件大弟弟</li>
<li>事件大弟弟</li>
<li>事件大弟弟</li>
</ul>
<script>
先通过docment找到ul,可以给他加个id
let ulList = document.getElementById('ulList ')
在通过ulList 找到 li
let liList= ulList .getElementsByTagName('li')
console.log(ulList );
</script>
总结:getElementsByXXXX的方法,除了用document点出来,也可以用别的元素点出来,如果是document点出来,那么就是找网页中所有匹配的,如果是别的元素点出来,就是只找这个元素下面匹配的
但是注意:getElementById只能通过document点出来,因为id是唯一的,无需其它方法