亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

往div里面加100個span 每10個換行 換行怎么換啊

往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>
查看完整描述

3 回答

已采納
?
李曉健

TA貢獻1036條經驗 獲得超461個贊

<!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>


查看完整回答
反對 回復 2015-12-14
?
echo_kinchao

TA貢獻600條經驗 獲得超86個贊

你可以用個JQ 來判斷 動態幫你換行這樣就一勞永逸了

查看完整回答
反對 回復 2015-12-14
?
Caballarii

TA貢獻1123條經驗 獲得超629個贊

<br/>就是換行符

查看完整回答
反對 回復 2015-12-14
  • 3 回答
  • 0 關注
  • 5219 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號