js元素间的查找关系

通过元素间的查找关系

1)父子关系

parentElement  查找一个元素的父元素

children  查找一个元素的所有子元素

firstElementchild  找到父元素下的第一个子元素

lastElementchild  找到父元素下的最后一个子元素

2)兄弟关系

previousElementsibling  前一个兄弟

nextElementsibling  下一个兄弟

通过HTML间查找关系

1)通过ID查找

var ele=document.getElementById();  特点：id只有一个ID是唯一性

2)通过Class查找

var ele=document.getElementsByClassName(); 特点：他是可以找到多个  并且返回动态集合(class名)

3)通过标签名

var ele=document.getElementsByTagName(); 特点：他是可以找到多个  并且返回动态集合(数组)

4)通过name属性查找

var ele=document.getElementsByName(); 特点：他是可以找到多个  并且返回动态集合(数组)

通过选择器查找

选择器

var ele=document.querySelector();

所有选择器

var ele=document.querySelectorAll(); 特点：查看所有  并且返回动态集合(数组)