选择器
直接查找
1 document.getElementById 根据ID获取一个标签
2 document.getElementsByClassName 根据class属性获取(可以获取多个元素,所以返回的是一个数组)
3 document.getElementsByTagName 根据标签名获取标签合集
4 示例:
5 <div class="c1" id="d1">
6 待到将军归来日,朕与将军解战袍!
7 </div>
8
9 <div class="c1" id="d2">
10 日照香炉生紫烟,遥看瀑布挂前川!
11 </div>
12
13 var a = document.getElementById('d1'); # 获取id属性值为d1的标签 拿到的直接是标签对象
14 var a = document.getElementsByClassName('c1'); #获取class值为c1的所有标签 拿到的是数组
15 var a = document.getElementsByTagName('div'); #获取所有div标签 拿到的是数组
间接查找
1 var a = document.getElementById('d1');
2 a.parentElement; #获取a这个标签的父级标签.
3 children 所有子标签
4 firstElementChild 第一个子标签元素
5 lastElementChild 最后一个子标签元素
6 nextElementSibling 下一个兄弟标签元素
7 previousElementSibling 上一个兄弟标签元素