zoukankan      html  css  js  c++  java
  • Dom-查找

    不用查找直接可以使用的元素有如下几个:

    1.document.documentElement         查找到<html>

    2.document.head                              查找到<head>

    3. document.body                              查找到<body>

    4.document.forms[i]                           查找到<form>

    元素查找的四种方法:

    一、按照节点关系查找

        节点树:包含所有节点对象的完整结构

           1.父子关系

                .parentNode     当前元素的父节点对象

                .childNode        当前元素的所有子节点对象

                .firstChild          当前元素的第一个直接子节点对象

                .lastChild           当前元素的最后一个子节点对象

            2.兄弟关系

                 .previousSibling  当前元素的父节点对象

                 .nextSibling         当前元素的下一个兄弟节点对象

             问题:查找的元素的时候,会受到看不见的空字符的影响。

        元素树:仅仅包含元素节点的树结构,不包含文本节点,查找不受文本节点的影响

              1.父子关系:

                   .parentElement     当前元素的父元素对象

                   .children                当前元素的所有直接元素对象

                   .firstElementChild  当前元素的第一个直接元素对象

                   .lastElementChild  当前元素的下一个兄弟元素对象

              2.兄弟关系:

                   .previousElementSibling   当前元素的前一个兄弟元素对象

                   .nextElementSibling          当前元素的下一个兄弟元素对象

          总结:以后只要按照节点间关系查找的时候,首选元素树的属性

    二、递归遍历查找(效率太低)

    三、按HTML特征查找(4种)

           1.按id查找一个元素

    var elem=document.getElementById("id名");

           2.按标签名查找多个元素

    var elems=父元素.getElementsByTagName("标签名");

           3.按name属性查找多个元素

    var elems=document.getElementsByName("name");

           4.按class查找多个元素

    var elems=parent.getElementsByClassName("class");   

    四、按选择器查找

          1.只查找一个元素

    var elem=任意父元素.querySelector("选择器");

          2.查找多个元素

    var elems=任意父元素.querySelectorAll("选择器");

           

  • 相关阅读:
    arcgis使用python,做arctoolbox,渔网裁剪gdb里的要素,四等分
    arcgis计算中心点的质心XY,并根据属性Label进行标注。
    arcpy对要素类每个图斑批量出图。
    python安装模块wheel步骤
    arcgis中shp文件的字符串string型字段转换为日期型Date格式。如“20190426”转为“2019/4/26”
    .tar.gz海量遥感影像解压
    python压缩解压文件(天地图切片批量解压缩)
    python读取多层嵌套文件夹中的文件(zip文件嵌套在不同层级的文件夹中)
    使用Binding时关于数据更新的注意事项
    滑动列表底部自动加载下一页。修改旧代码ing
  • 原文地址:https://www.cnblogs.com/houcong/p/11459714.html
Copyright © 2011-2022 走看看