往div里面加100个span 每10个换行 换行怎么换啊
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>自动生成100个li</title>
<style type="text/css">
span{width:30px;height:30px;background: yellow;position: absolute;display: inline-block;}
#div1{width:350px;height:1000px;background: none;border:1px solid red;}
</style>
<script type="text/javascript">
window.onload=function(){ //window.onload必须写
var btn=document.getElementById('btn');
var span=document.getElementsByTagName('span');
var div1=document.getElementById('div1');
btn.onclick=function(){
for(var i=0;i<100;i++){
div1.innerHTML+='<span>'+ i +'</span>';
}
for(var i=0;i<100;i++){
if(i%10==0){
span[i].style.left=10+i*40+"px"+'<br />';
}else {
span[i].style.left=10+i*40+"px";
}
}
}
//每10个换行
}
</script>
</head>
<body>
<button id="btn">点击变化</button>
<div id="div1"></div>
</body>
</html>
qq_不像白羊座的白羊座_03回答
-
李晓健
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>自动生成100个li</title> <style type="text/css"> span{width:30px;height:30px;background: yellow;display: inline-block;} #div1{width:400px;height:1000px;background: none;border:1px solid red;} </style> <script type="text/javascript"> window.onload=function(){ //window.onload必须写 var btn=document.getElementById('btn'); var div1=document.getElementById('div1'); btn.onclick=function(){ var str = ''; for(var i=1;i<101;i++){ str+='<span>'+ i +'</span>'; if(i%10==0){ str += '<br/>' } } div1.innerHTML = str; } } </script> </head> <body> <button id="btn">点击变化</button> <div id="div1"></div> </body> </html> -
echo_kinchao
你可以用个JQ 来判断 动态帮你换行这样就一劳永逸了 -
Caballarii
<br/>就是换行符
随时随地看视频慕课网APP
JavaScript
Html/CSS