JavaScript div 数组问题

RT,我想通过循环来获得需要创建的div数量,然后才创建出来,比如:varm=10;for(vari=1;i<=m;i++)则创建10个,在循环体内为其赋值,比如:if(... RT,我想通过循环来获得需要创建的div数量,然后才创建出来,比如:
var m = 10;
for(var i=1;i<=m;i++)
则创建10个,在循环体内为其赋值,比如:
if(i>1){
div2.innerHTML = i;
div3.innerHTML = i;
........
........
........
}
将其显示在网页上,请问该如何实现?
可能我没表达清楚..我需要的结果是:
在<body>里面没有存在相对应的<div>标签,而是在循环体内获取到值的时候才在<body>里创建相对应的<div>用来显示内容.请补充一下答案..
展开
 我来答
ustbduanhang
2009-05-31 · TA获得超过1896个赞
知道大有可为答主
回答量:2587
采纳率:0%
帮助的人:1841万
展开全部
在循环里面动态创建DIV,然后再利用这些DIV的ID来进行你需要的下一步操作,比如你写的赋值操作。
动态创建的js代码例如:
function f_creatediv(divcnt){
for(var i=0;i<divcnt;i++){
var objdiv = document.createElement("DIV");
var objname="shop_" + i
objdiv.id = objname;
objdiv.style.top = 100 * i + 100;
objdiv.style.left = 100 * i + 100;
objdiv.style.background = '#FFFF00';
objdiv.style.visibility = 'visible';
objdiv.style.width = 100;
objdiv.style.height = 80;
objdiv.style.border = "5 groove black";
objdiv.innerHTML="SHOP_" + i;
document.body.appendChild(objdiv);
document.getElementById(objname).onmouseover = function()
{
alert(this.id);
};
}
}
</script>
KarasCanvas
2009-05-30 · TA获得超过2865个赞
知道大有可为答主
回答量:3619
采纳率:0%
帮助的人:3330万
展开全部
for(var i=1;i<=m;i++)
if(i>1){
document.getElementById("div"+i).innerHTML = i;
}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
270085954
2009-05-31
知道答主
回答量:23
采纳率:0%
帮助的人:0
展开全部
var divs=document.getElementsByTagName("div");//取出页面中所有div,
这样就可以用索引来操作:divs[0],divs[1]
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
wuchangqian
2009-05-31 · TA获得超过1317个赞
知道小有建树答主
回答量:913
采纳率:0%
帮助的人:813万
展开全部
<HTML>
<HEAD>
<style>
div{
float:right;
border:solid 1px #5f0;
background-color:#fc0;
height:60px;
width:120px;
font-size:12px;
}
</style>
</HEAD>
<BODY></BODY>

<script>

var NUM = 100;

var tempAry = [];

for(var i = 0 ; i < NUM ; i++){

tempAry.push("<div id='div" + i + "'>content of div" + i + "</div>");

}

var bd = document.body;

bd.innerHTML = tempAry.join("");

for(var i = 0 ; i < NUM ; i++){

if( i % 2 == 0){

var node = $('div' + i);

node.style.color = '#f00';

node.style.background = "#0f0"

node.innerHTML += "<br>append content ";
}
}

function $(id){

return document.getElementById(id);

};

</script>
</HTML>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式