zoukankan      html  css  js  c++  java
  • js DOM节点

    ===========================元素节点  4种方式获取====================

    var oDiv = document.getElementById("box");        //通过Id获取元素
    var oDiv = document.getElementsByClassName("div")[0];   //通过类名获取元素  --》[ 0 ] 必须写
    var oDiv = document.getElementsByTagName("div")[0];    //通过标签名获取元素   --》[ 0 ] 必须写
    var oDiv = document.getElementsByName("nana")[1];    //通过名字获取元素    --》[ 1 ] 必须写

    ===========================获取节点所有的子节点====================

    <div id="box" class="div" style=" 30px;height: 50px;" name="nana">我是一个文本节点<!--我是注释节点-->

      <span name="nana" class="div">我是一个span标签</span>

    </div>

    var oDivChilds = oDiv.childNodes; 

    console.log( oDiv.attributes );

    {0: name, 1: class,   name: name, class: class}

    ===========================获取元素节点的属性节点====================

    var oDivAttris = oDiv.attributes;
    console.log( oDivAttris[0].nodeName,oDivAttris[0].nodeValue,oDivAttris[0].nodeType);

    name nana 2

  • 相关阅读:
    CDOJ 92 – Journey 【LCA】
    LCA-Tarjan算法
    【模板】无向图的割顶
    Codeforces 190E
    TwoSAT算法模板
    【转】STL之二分查找 (Binary search in STL)
    【转】数论模板
    【转】计算几何模板
    【转】string常用函数
    Codeforces 245G Suggested Friends
  • 原文地址:https://www.cnblogs.com/wang1ming/p/10235906.html
Copyright © 2011-2022 走看看