zoukankan      html  css  js  c++  java
  • DOM操作一

    1.通过ID选取元素

    var section = document.getElementById("section1");
    

    2.通过ID查找多个元素

    function getElements(/*ids...*/){
         var elements = {};
         for(var i =0; i < arguments.length; i++){
               var id = arguments[i];
               var elt = document.getElementById(id);
               if(elt ==null) throw new Error("no element");
               elements[id] = elt;
         }
         return elements;
    }
    

    3.通过名字查找元素

    var spans = document.getElementsByTagName("span");
    

    4.通过CSS类选取元素

    var fatal = document.getElementByClassName("fatal error");

    5.节点树

    parentNode:该节点的父节点,或者针对类似Document对象应该是null,因为它没有父节点

    childNodes:只读的类数组对象,它是该节点的子节点的实时表示

    firstChild、lastChild:该节点的子节点中的第一个和最后一个,如果该节点没有子节点则为null

    nextSibling、previoursSibling:该节点的兄弟节点中的前一个和下一个。具有相同父节点的两个节点为兄弟节点。节点的顺序反应了它们在文档中出现的顺序。这两个属性将节点之间以双向链表的形式连接起来。

    nodeType:该节点的类型。9代表Document节点,1代表Element节点,3代表Text节点,8代表Comment节点,11代表DocumentFragment节点

    6.属性获取、设置、判断

    获取属性值:getAttribute()

    document.body.getAttribute("style")

    设置属性值:setAttribute()

    document.body.setAttribute("style","background-color:red")

    检测是否存在属性:hasAttribute()

    删除属性:removeAttribute()

  • 相关阅读:
    开源包管理系统和环境管理系统 Conda
    浅谈 Python 的模块导入
    用 pytest 测试 python 代码
    关于特征筛选中的IV值
    二 k-means聚类算法的手动实现
    二 统计量及其抽样分布
    PAT B1056组合数的和
    PAT B1061判断题
    'utf-8' codec can't decode byte 0x8b in position 1: invalid start byte
    Hadoop搭建高可用的HA集群
  • 原文地址:https://www.cnblogs.com/showtime813/p/4479684.html
Copyright © 2011-2022 走看看