
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>用来显示内容.请补充一下答案.. 展开
var m = 10;
for(var i=1;i<=m;i++)
则创建10个,在循环体内为其赋值,比如:
if(i>1){
div2.innerHTML = i;
div3.innerHTML = i;
........
........
........
}
将其显示在网页上,请问该如何实现?
可能我没表达清楚..我需要的结果是:
在<body>里面没有存在相对应的<div>标签,而是在循环体内获取到值的时候才在<body>里创建相对应的<div>用来显示内容.请补充一下答案.. 展开
展开全部
在循环里面动态创建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>
动态创建的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>
展开全部
for(var i=1;i<=m;i++)
if(i>1){
document.getElementById("div"+i).innerHTML = i;
}
if(i>1){
document.getElementById("div"+i).innerHTML = i;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
var divs=document.getElementsByTagName("div");//取出页面中所有div,
这样就可以用索引来操作:divs[0],divs[1]
这样就可以用索引来操作:divs[0],divs[1]
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询