DOM的查找

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（'选择器'）;

          特点：查找所有，返回动态集合（数组）