动态建立div效果怎么实现。
<div class="oldstyle" id="list_1">
<a href="javascript:;" onClick="javascript:playload(0)">第1集</a>
</div>
<div class="oldstyle" id="list_2">
<a href="javascript:;" onClick="javascript:playload(1)">第2集</a>
</div>
<div class="oldstyle" id="list_3">
<a href="javascript:;" onClick="javascript:playload(2)">第3集</a>
</div>
<div class="oldstyle" id="list_4">
<a href="javascript:;" onClick="javascript:playload(3)">第4集</a>
</div>
要做一个视频频道用上面的代码，希望能实现根据给定的视屏集数建立div。也就是说如果视频是三十集就自动建立三十个<div class="oldstyle" id="list_1">
<a href="javascript:;" onClick="javascript:playload(0)">第1集</a>
</div>
[解决办法]
for(var i=0;i<len;i++){
var div=document.createElement('div');
div.onclick=function(){
....
}
document.body.appendChild(div);
}
试试
[解决办法]
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> 创建的DIV </title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<style>.item{float:left;overflow:hidden;margin-left:8px;
margin-top:10px;width:320px;height:250px;
background-repeat:no-repeat;
background-image:url(../images/bgred.jpg)}
.curve{position:relative;width:320px;height:250px;
z-index:1;left:75px;top:-40px;}
</style>
<script language=javascript>
function tcreatediv(cunt){
var a=0;
for(var i=0;i<cunt;i++){
var objdiv = document.createElement("DIV");
var objname="list_" + 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.className ="oldstyle";
a= i+1;
objdiv.innerHTML="<a href='javascript:;' onClick='javascript:playload("+i+")' >第"+a+"集</a>";
document.body.appendChild(objdiv);
}
}
</script>
</head>
<body>
cunt指创建的DIV个数 <br/>
<input id='creatdv' type=button value="create div" onclick="tcreatediv(30);">
</body>
</html>