2018-05-21 js笔记

DOM:文档对象模型，操作页面中的元素，增删改查

查：1.通过元素间关系查找：

        父子关系：查找某个元素的父元素：parentElement

         查找某个元素的所有子元素，返回一个动态集合：children

         查找第一个子元素：firstElementchild；

         查找最后一个子元素：lastElementchild；

         兄弟关系：前一个兄弟元素：previousElmentsSibling

         下一个兄弟：nextElementsibling

2.通过HTML找

    （1）通过id找

           var           ele=document.getElentById('Id')；

     只能找到一个，id具有唯一性

     找不到返回null

(2)class

    var ele=document.getElementByTagname('标签名')；

可以找到多个，返回动态集合

找不到，返回【】

(3)标签

var ele=document.getElementsByname('name');

可以找到多个，返回一个动态集合

找不到，返回空集合

(4)name属性，只适用于表单元素

    var ele=document.getElementsByName('name');

返回一个动态集合

3、通过选择器查找

      var ele=document.querSelector('选择器')；

只能找一个

var ele=document.querySelector('选择器')；

能找到多个，返回一个动态集合