zoukankan      html  css  js  c++  java
  • js遍历div

    <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
    <html>
    <head>
    <meta name="author" content="forfor">
    <title> Test Document </title>
    <script type="text/javascript">
    //<!--
    window.onload=function(){

    var i,a,s="";

    var d=document.getElementsByTagName("div");  //获取tag名称为div的html元素们

    for(i=0;i<d.length;i++)                                              //遍历tag名称为div的html元素们

         if(d[i].className=="q2")                                     //获取tag名称为div的html元素们中,calss名称为q2的html元素

             a=d[i].getElementsByTagName("a");              //获取tag名称为div的html元素们中,calss名称为q2的html元素中,tag名称为a的html元素们

             for(i=0;i<a.length;i++)                                     //遍历tag名称为div的html元素们中,calss名称为q2的html元素中,tag名称为a的html元素们

                 s+=a[i].innerHTML;

            alert(s);
    }
    //-->
    </script>
    <style type="text/css">
    div{border:1px solid;}
    .q1{border-color:red;}
    .q2{border-color:blue;}
    a{padding:1em;}
    </style>
    </head>
    <body>
    <div class="q1"><a>1</a><a>2</a><a>3</a><a>4</a><a>5</a></div>
    <div class="q2"><a>6</a><a>7</a><a>8</a><a>9</a><a>0</a></div>
    </body>
    </html>

    ——————————————————————————————————————————————————————————————————————

  • 相关阅读:
    ini_set /ini_get函数功能-----PHP
    【转】那个什么都懂的家伙
    word 2007为不同页插入不同页眉页脚
    August 26th 2017 Week 34th Saturday
    【2017-11-08】Linux与openCV:opencv版本查看及库文件位置等
    August 25th 2017 Week 34th Friday
    August 24th 2017 Week 34th Thursday
    August 23rd 2017 Week 34th Wednesday
    August 22nd 2017 Week 34th Tuesday
    August 21st 2017 Week 34th Monday
  • 原文地址:https://www.cnblogs.com/zhangjun1130/p/1977519.html
Copyright © 2011-2022 走看看