zoukankan      html  css  js  c++  java
  • JavaScript寻找对象方式

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Title</title>
    </head>
    <body>

    <div id="div1">hello
    <div class="div2">hello 2</div>
    <div class="div3" name="aaa">hello 3
    <p >hello inner</p>
    <p id="ppp">hello inner2</p>
    <p class="ppp">hello inner3</p>
    <p name="alex">hello inner4</p>
    </div>
    <p>hello p</p>
    </div>


    </body>


    </html>

    <script>

    全局查找:
    通过ID
    var temp=document.getElementById("div1");
    通过class
    var ele=document.getElementsByClassName("div2")[0];
    var ele2=ele.nextElementSibling;
    alert(ele2.innerHTML);
    通过tag
    var tag=document.getElementsByTagName("p");
    alert(tag[0].innerHTML)
    通过Name


    var Name=document.getElementsByName("aaa");
    for(var i in Name){
    console.log(Name[i].innerHTML)
    }

    局部查找:
    var ele=document.getElementsByClassName("div3")[0];

    局部查找可以通过 TagName
    var ele2=ele.getElementsByTagName("p");
    alert(ele2.innerHTML)
    alert(ele2.length)

    局部查找可以通过 class
    var ele4=ele.getElementsByClassName("ppp");
    alert(ele4);


    局部查找不可以通过 tagName
    var ele5=ele.getElementsByName("alex");
    alert(ele5);

    局部查找不可以通过ID
    var ele3 =ele.getElementById("ppp");
    alert(ele3.innerHTML);

    </script>

  • 相关阅读:
    Cocos2d-html5 笔记2: director
    Cocos2d html5 笔记 1: overview
    Device Pixel Ratio & Media Queries
    Viewport
    Viewport解决分辨率适配问题
    Ajax缓存解决办法
    capitalize()
    chr() 、ord()
    oct()
    eval()
  • 原文地址:https://www.cnblogs.com/gerenboke/p/11766415.html
Copyright © 2011-2022 走看看