DOM

作者: 王哲胜 | 来源:发表于2018-05-23 00:03 被阅读0次

    DOM:文档对象  操作页面中的元素    可以增删改查

    查:

          1. 通过元素间的关系

    父子关系:

      查找某个父元素:parentElement

      查找某个元素中得所有子元素 :children      返回一个动态集合

    查找第一个子元素:firstElementchild

    查找最后一个子元素:lastElementchild

    兄弟关系:

    前一个兄弟元素:previousElementSibing

    下一个兄弟:nextElementSibing

    2.  通过html查找

    通过id查找:

    var ele=document.getElementById('id');

    只能找到一个        找不到返回null

    通过class

    var ele=document.getElementByClassName('class')

    可以找到多个      返回动态集合  找不到返回[]

    标签查找

    var ele=document.getElementByTagName('标签名');

    可以找到多个返回一个动态集合      没找到返回空集合。

    通过name属性查找:

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

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

    3.  通过选择器查找

    var ele=document.querySelector('#list');

    只能找到一个

    var ele=document.querySlectorAll('选择器')

    返回一个动态集合

    相关文章

      网友评论

          本文标题:DOM

          本文链接:https://www.haomeiwen.com/subject/dnrljftx.html