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>

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

  • 相关阅读:
    Leetcode: 1425
    Leetcode: 1508 Range Sum of Sorted Subarray Sums
    Leetcode: 1353. Maximum Number of Events That Can Be Attended
    Leetcode: 1424. Diagonal Traverse II
    Leetcode: 825. Friends Of Appropriate Ages
    非递归实现二叉树的前序,中序,后序遍历
    TCP协议详解
    Linux常见命令
    C++基础笔记
    指针和引用的区别
  • 原文地址:https://www.cnblogs.com/zhangjun1130/p/1977519.html
Copyright © 2011-2022 走看看