我刚学js对js中的for循环不太理解，在网上找了视频教程，教程后留有作业，但是一直想不通是怎么做的，请看动图，求解啊各位大神
1、怎么才能像图上一样生成V字形的li？
2、为什么用for循环生成一百个li，会一直横着排列，不会换行？要怎么样才会换行，每10个li排一列，另外颜色是怎么加上去的？
这是我写的，因为刚接触，所以只能做最简单的
6
532<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
p{width: 20px;height: 20px;background: red;position: absolute;}
</style>
<script type="text/javascript">
window.onload = function(){
var p1 = document.getElementsByTagName('p')
for(var i=0;i<200;i++){
document.body.innerHTML += '<p>'+i+'</p>'
}
for(var i=0;i<p1.length;i++){
p1[i].style.left = i*30+'px'
}
}
</script>
</head>
<body>
</body>
</html>
这样的结果就是200个p横着排成了一列，而且超出了屏幕，不知道最前面为什么会多出一个p
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
你的问题2：http://runjs.cn/detail/luk0mt3m
这个应该和js没关系吧，是html+css实现的
css控制颜色和样式啊，可以直接用js修改html的css样式，也可以把css样式写好，然后在写循环
这个 是 css 这块的 其实css 很重要的
我建议题主系统地学习一下css，否则以后还会遇到更多问题的。
建议楼主系统的学习一下 HTML、CSS、JS，分清楚什么是干什么的