第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

往div里面加100個(gè)span 每10個(gè)換行 換行怎么換啊

往div里面加100個(gè)span 每10個(gè)換行 換行怎么換啊

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>自動(dòng)生成100個(gè)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個(gè)換行}</script></head><body><button id="btn">點(diǎn)擊變化</button><div id="div1"></div></body></html>
查看完整描述

3 回答

已采納
?
李曉健

TA貢獻(xiàn)1036條經(jīng)驗(yàn) 獲得超461個(gè)贊

<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>自動(dòng)生成100個(gè)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">點(diǎn)擊變化</button>
<div?id="div1"></div>

</body>
</html>


查看完整回答
反對(duì) 回復(fù) 2015-12-14
?
echo_kinchao

TA貢獻(xiàn)600條經(jīng)驗(yàn) 獲得超86個(gè)贊

你可以用個(gè)JQ 來判斷 動(dòng)態(tài)幫你換行這樣就一勞永逸了

查看完整回答
反對(duì) 回復(fù) 2015-12-14
?
Caballarii

TA貢獻(xiàn)1123條經(jīng)驗(yàn) 獲得超629個(gè)贊

<br/>就是換行符

查看完整回答
反對(duì) 回復(fù) 2015-12-14
  • 3 回答
  • 0 關(guān)注
  • 5212 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)