DOM元素查找

一、DOM是document的缩写，他是操作html文档的方法

二、常用查找元素的方法

直接

1.document.getElementById('标签的id')   在html中标签的id是不允许重复的，所以只能查找到一个标签

2..document.getElementByClassName('标签的class属性')  获取一堆标签,只要具有这个class的值就会被筛选到

3.document.getElementByTagName('标签名')   批量获取

间接查找

<table border="2">
         <thead id="1" class="c1 c2">
               <tr><th>eric</th><th>alex</th><th>allen</th></tr>
         </thead>
         <tbody id="2" class="c1">
               <tr><td></td><td id='3'></td><td></td></tr>
               <tr><td></td><td></td><td></td></tr>
         </tbody>
     </table>

1.查找父项元素

tag=document.getElementById('2')   
tag.parentElement

2、查找子项元素

tag.children

children会将下一层的所有子项全部筛选出来

3.第一个子项元素

tag.firstElementChild

4.最后一个子项元素

tag.lastElementChild

5.上一个兄弟标签

tag = document.getElementById('3')

tag.previousElementSibling

6.下一个兄弟标签

tag.nextElementSibling