js 5-23 DOM操作元素

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('选择器')；

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