<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>for循环的深入</title>
</head>
<body>
<!--continue 跳过当前循环-->
<!--实现各行变色-->
<!--break 跳出循环-->
<!--到第2个段落跳出循环-->
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<script>
var allDiv=document.getElementsByTagName('div');//获取所有的div
var allP=document.getElementsByTagName('p');//获取所有的p
for(var i=0;i<allDiv.length;i++){
if(i%2==0){
continue;
}
else{
allDiv[i].style.background='red';
}
}
for(var a=0;a<allP.length;a++){
allP[a].style.background='pink';
if(a>2){
break;//当i大于2的时候，循环结束；
}
}
</script>
</body>
</html>
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
