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

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

你可能感兴趣的:(js 5-23 DOM操作元素)