Dom查找

Dom操作页面元素

增删改查

##1． 通过元素之间的查找

```

        **1 父子关系**

            parentElement 查找一个元素的父元素

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

            firstElementchild 查找父元素的第一个子元素

            lastElementchild 查找父元素的最后一个子元素

        **2 兄弟关系**

            PerviousElementSibling 前一个兄弟

            nextElementSibling 后一个兄弟

```

##2. 通过html查找

```

        **1 通过id查找**

            Var ele=document.getElementById(‘id号’);

            只能找一个

        **2 通过class查找**

            Var ele=document.getElementsByclassName(‘class名’);

            可以找到多个，并且返回一个动态集合 [数组]

        **3 通过标签名查找**

            Var ele=document.getElementsByTagName(‘标签名’);

            可以找到多个，并且返回一个动态集合 [数组]

        **4 通过name属性查找**

            Var ele=document.getElementsByName(‘name’);

            可以找到多个，并且返回一个动态集合 [数组];

```

##3. 通过选择器查找

```

        1var ele=document.queryElementSelector(‘选择器’);

              只能找到一个

        2 var ele=document.queryElementSelectorAll(‘选择器’);

            查找所有 返回一个动态集合 [数组]

```