动态建立div效果如何实现
日期：2014-05-16 浏览次数：20531 次
动态建立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;
<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;
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
