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

  • 相关阅读:
    Luogu P1396 营救
    Luogu P1339 热浪Heat Wave
    哈夫曼树学习笔记
    题解 CF1372C
    题解 CF 1372 B
    题解 CF 1372A
    题解 UVA1193 Radar Installation
    题解 洛谷 P2287 [USACO07NOV]Sunscreen G
    洛谷 P1080 国王游戏 题解
    牛客练习赛 66C公因子 题解
  • 原文地址:https://www.cnblogs.com/wang1ming/p/10235906.html
Copyright © 2011-2022 走看看