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>

原文地址:https://www.cnblogs.com/aomore/p/4031719.html