zoukankan      html  css  js  c++  java
  • JS初学之-for套for遍历二维数组

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    </head>

    <body>
    <script>
    var arr=[[1,2],[3,4],[5,6],[7,8]];

    for(var i=0;i<arr.length;i++){
    for(var j=0;j<arr[i].length;j++){
    alert(arr[i][j]);
    };
    };
    </script>
    </body>
    </html>

    如何找到ul下所有的li,并为每一个li添加样式?

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    </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>
    <script>
    var oUl=document.getElementById('list');
    var aUl=oUl.getElementsByTagName('ul');
    var aLi=null;//aLi=aUl[i].getElementsByTagName('li');如果写在这里就会报错,因为上面并无aUl[i]实例,此处的知识点是注意出场顺序!

    for(var i=0;i<aUl.length;i++){
    aLi=aUl[i].getElementsByTagName('li');
    for(var j=0;j<aLi.length;j++){
    aLi[j].style.background='red';
    };
    };

    </script>
    </body>
    </html>

  • 相关阅读:
    Java数据库操作学习
    c3p0配置
    CachedRowSet 接口
    Android Library的依赖方式及发布(转)
    网站测试
    MySQL Server逻辑架构
    Service生命周期
    Activity的生命周期
    Android应用框架中的四个核心要点
    Android 最新架构
  • 原文地址:https://www.cnblogs.com/aomore/p/4031719.html
Copyright © 2011-2022 走看看