1、通過元素的關系查找
? ? 1)父子關系
? ? ? ? ①parentElement? 查找一個元素的父元素
? ? ? ? ②children? 查找父元素下的所有子元素(找到多個)
? ? ? ? ③firstElementChild? 找到父元素的第一個子元素
? ? ? ? ④lastElementChild? 找到父元素的第一個子元素
? ? 2)兄弟關系
? ? ? ? ? ①previousElementSibing? 前一個兄弟firstElementChild? 找到父元素的第一個子元素
? ? ? ? ? ②nextElementSibing? 下一個兄弟
2通過HTML查找
? ? 1)通過id查找
? ? ? ? ? var ele=document.getElementById('id號');
? ? ? ? ? 特點:只能找到一個
? ? 2)通過class查找
? ? ? ? ? var ele=document.getElementsByclassName('class號');
? ? ? ? ? 特點:可以找到多個,并且返回一個動態集合(數組)
? ? 3)通過標簽名
? ? ? ? ? var ele=document.getElementByTagName('標簽名');
? ? ? ? ? 特點:可以找到多個,并且返回一個動態集合(數組)
? ? 4)通過name屬性查找
? ? ? ? ? var ele=document.getElementByName('name');
? ? ? ? ? 特點:可以找到多個,并且返回一個動態集合(數組)
3.通過選擇器查找
? ? ? ? ? ? ? ? ? ? ? ? ? ? 1) var ele=document.querySelector('選擇器');
? ? ? ? ? 特點:只能找到一個
2) var ele=document.querySelectorAll('選擇器');
? ? ? ? ? 特點:查找所有,返回動態集合(數組)