zoukankan      html  css  js  c++  java
  • for循环遍历2维数组、嵌套元素

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>

    <script>

    var arr = [
    [ 1,2,3,4,'4+' ],
    [ 4,5,6 ],
    [ 7,8,9 ]
    ];

    // arr[1][2]

    for( var i=0; i<arr.length; i++ ){
    // arr[i][0]
    // arr[i][1]
    // arr[i][2]
    for( var j=0; j<arr[i].length; j++ ){
    // alert( arr[i][j] );
    }
    }

    // for( var i=0; ){}
    // for( var i=0; ){}

    window.onload = function (){
    var oUl = document.getElementById('list');
    var aUl = oUl.getElementsByTagName('ul');
    var len = aUl.length;
    var aLi = null; // 空

    for( var i=0; i<len; i++ ){
    aLi = aUl[i].getElementsByTagName('li');

    for( var j=0; j<aLi.length; j++ ){
    aLi[j].style.border = '1px solid red';
    }
    }
    };
    </script>

    </head>

    <body>

    <ul id="list">
    <li>
    <h2>我的好友</h2>
    <ul>
    <li>莫涛</li>
    <li>张森</li>
    <li>杜鹏</li>
    </ul>
    </li>
    <li><ol><li>no</li><li>no</li><li>no</li></ol></li>
    <li>
    <h2>我的坏友</h2>
    <ul>
    <li>莫小涛</li>
    <li>张小森</li>
    </ul>
    </li>
    <li><ol><li>no</li><li>no</li><li>no</li></ol></li>
    <li>
    <h2>我的黑名单</h2>
    <ul>
    <li>莫张</li>
    </ul>
    </li>
    </ul>

    </body>
    </html>

  • 相关阅读:
    BZOJ 4503: 两个串 FFT
    [FJOI2014]最短路径树问题
    [JSOI2009]游戏Game
    bzoj 2463 [中山市选2009]谁能赢呢?
    [CQOI2007]余数求和
    [NOI2011]兔兔与蛋蛋游戏
    [HNOI2015]实验比较
    bzoj2125 最短路
    [COGS 2877]老m凯的疑惑
    [HNOI2015]开店
  • 原文地址:https://www.cnblogs.com/zhousha929-/p/6907620.html
Copyright © 2011-2022 走看看