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>

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

  • 相关阅读:
    优达,计算机科学导论
    关于未来发展阶段小结
    CS50.5
    CS50.4
    简单查看tomcat中部署java服务的内存使用情况
    python3环境搭建(CentOS7.2)
    mysql主从配置脚本
    安装rkhunter
    转移到博客园啦!
    Eclipse上Maven环境配置使用 (全)
  • 原文地址:https://www.cnblogs.com/zhangjun1130/p/1977519.html
Copyright © 2011-2022 走看看