Dom操作页面元素
增删改查
##1. 通过元素之间的查找
```
**1 父子关系**
parentElement 查找一个元素的父元素
children 查找一个元素的所有子元素
firstElementchild 查找父元素的第一个子元素
lastElementchild 查找父元素的最后一个子元素
**2 兄弟关系**
PerviousElementSibling 前一个兄弟
nextElementSibling 后一个兄弟
```
##2. 通过html查找
```
**1 通过id查找**
Var ele=document.getElementById(‘id号’);
只能找一个
**2 通过class查找**
Var ele=document.getElementsByclassName(‘class名’);
可以找到多个,并且返回一个动态集合 [数组]
**3 通过标签名查找**
Var ele=document.getElementsByTagName(‘标签名’);
可以找到多个,并且返回一个动态集合 [数组]
**4 通过name属性查找**
Var ele=document.getElementsByName(‘name’);
可以找到多个,并且返回一个动态集合 [数组];
```
##3. 通过选择器查找
```
1var ele=document.queryElementSelector(‘选择器’);
只能找到一个
2 var ele=document.queryElementSelectorAll(‘选择器’);
查找所有 返回一个动态集合 [数组]
```