1、通過元素的關(guān)系查找

? ? 1）父子關(guān)系

? ? ? ? ①parentElement? 查找一個元素的父元素

? ? ? ? ②children? 查找父元素下的所有子元素（找到多個）

? ? ? ? ③firstElementChild? 找到父元素的第一個子元素

? ? ? ? ④lastElementChild? 找到父元素的第一個子元素

? ? 2)兄弟關(guān)系

? ? ? ? ? ①previousElementSibing? 前一個兄弟firstElementChild? 找到父元素的第一個子元素

? ? ? ? ? ②nextElementSibing? 下一個兄弟

2通過HTML查找

? ? 1）通過id查找

? ? ? ? ? var ele=document.getElementById（'id號'）;

? ? ? ? ? 特點：只能找到一個

? ? 2）通過class查找

? ? ? ? ? var ele=document.getElementsByclassName（'class號'）;

? ? ? ? ? 特點：可以找到多個，并且返回一個動態(tài)集合（數(shù)組）

? ? 3）通過標簽名

? ? ? ? ? var ele=document.getElementByTagName（'標簽名'）;

? ? ? ? ? 特點：可以找到多個，并且返回一個動態(tài)集合（數(shù)組）

? ? 4）通過name屬性查找

? ? ? ? ? var ele=document.getElementByName（'name'）;

? ? ? ? ? 特點：可以找到多個，并且返回一個動態(tài)集合（數(shù)組）

3.通過選擇器查找

? ? ? ? ? ? ? ? ? ? ? ? ? ? 1） var ele=document.querySelector（'選擇器'）;

? ? ? ? ? 特點：只能找到一個

2） var ele=document.querySelectorAll（'選擇器'）;

? ? ? ? ? 特點：查找所有，返回動態(tài)集合（數(shù)組）