js 获取元素方法

获取元素：类似css的选择器 - 必须先找到元素才能操作元素
1、通过 HTML的特性 获取元素：
1、ID获取：
语法：var elem=document.getElementById("id值"); -- id是唯一
在当前 DOM树中，根据元素的id，获取具体的dom节点
返回：找到了，保存的就是对应的元素
没找到，返回的是一个null
强调：！！！！输出出来长得像一个标签的样子，才叫做DOM节点/DOM对象/DOM元素，才能去执行后续操作

2、*标签名获取：
语法：var elems=document/parent.getElementsByTagName("标签名");
在当前 DOM树中，根据元素的标签名，获取了具体的dom集合（类数组集合）
返回：找到了，返回的是一个类数组集合
没找到，返回的是一个空集合[];
强调：1、***dom集合不允许直接做后续操作，会报错：解决：1、要么加下标拿到某一个 2、要么循环遍历拿所有
2、parent代表的是你已经找到的某个父元素

3、*class名获取
语法：var elems=document/parent.getElementsByClassName("类名");
在当前 DOM树中，根据元素的标签名，获取了具体的dom集合（类数组集合）
返回：找到了，返回的是一个类数组集合
没找到，返回的是一个空集合[];
强调：1、***dom集合不允许直接做后续操作，会报错：解决：1、要么加下标拿到某一个 2、要么循环遍历拿所有
2、parent代表的是你已经找到的某个父元素

*2、通过 元素之间的关系 获取元素：
想要使用之前前提条件：至少要找到一个人才能动用关系

父元素：xx.parentNode; //单个元素
子元素：xx.children; //集合
第一个儿子：xx.firstElementChild; //单个元素
最后一个儿子：xx.lastElementChild; //单个元素
前一个兄弟：xx.previousElementSibling; //单个元素
后一个兄弟：xx.nextElementSibling; //单个元素

强调：集合不能做操作，只有单个元素可以