Dom操作頁(yè)面元素
增刪改查
##1． 通過(guò)元素之間的查找
```
? ? ? ? **1?父子關(guān)系**
????????????parentElement 查找一個(gè)元素的父元素
????????????children 查找一個(gè)元素的所有子元素
????????????firstElementchild 查找父元素的第一個(gè)子元素
????????????lastElementchild 查找父元素的最后一個(gè)子元素
? ? ? ? **2?兄弟關(guān)系**
????????????PerviousElementSibling 前一個(gè)兄弟
????????????nextElementSibling 后一個(gè)兄弟
```
##2. 通過(guò)html查找
```
? ? ? ? **1?通過(guò)id查找**
????????????Var ele=document.getElementById(‘id號(hào)’);
????????????只能找一個(gè)
? ? ? ? **2?通過(guò)class查找**
????????????Var ele=document.getElementsByclassName(‘class名’);
????????????可以找到多個(gè)，并且返回一個(gè)動(dòng)態(tài)集合 [數(shù)組]
? ? ? ? **3?通過(guò)標(biāo)簽名查找**
????????????Var ele=document.getElementsByTagName(‘標(biāo)簽名’);
????????????可以找到多個(gè)，并且返回一個(gè)動(dòng)態(tài)集合 [數(shù)組]
? ? ? ? **4?通過(guò)name屬性查找**
????????????Var ele=document.getElementsByName(‘name’);
????????????可以找到多個(gè)，并且返回一個(gè)動(dòng)態(tài)集合 [數(shù)組];
```
##3. 通過(guò)選擇器查找
```
????????1var ele=document.queryElementSelector(‘選擇器’);
? ????????????只能找到一個(gè)
? ? ? ? 2?var ele=document.queryElementSelectorAll(‘選擇器’);
????????????查找所有 返回一個(gè)動(dòng)態(tài)集合 [數(shù)組]
```
