JS动态创建的DIV

fuabc81 2009-08-30 04:11:01

<html>
<herd>
<script type="text/javascript">

</script>
</herd>

<body>
<input type="button" value="添加DIV" onclick="AddDiv()" />
以下节点是通过JS动态创建的！
 <div id="box1" onclick="to_f_a("box1")">当点击这里这个DIV前面添加一个DIV </div>
<div id="box2" onclick="to_f_a("box2")">添加一个DIV </div>
<div id="box3" onclick="to_f_a("box3")">添加一个DIV </div>
<div id="box4" onclick="to_f_a("box4")">添加一个DIV </div>
<div id="box5" onclick="to_f_a("box5")">添加一个DIV </div>
</body>
</html>

...全文

409 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

z_j188 2009-08-31

打赏
举报

<html>
<title></title>
<head>
<script type="text/javascript">
function add()
{
str='<table>';
str=str+'<tr>';
str=str+'<td>';
for (i=0;i<=3;i++)
{
str=str+'<input type="text" id="'+i+'" name="'+i+'" value="'+i+'" />';
str=str+'<br/>';
}
str=str+'</td>';
str=str+'</tr>';
str=str+'</table>';
window.upid.innerHTML+=str+'';

}
</script>
</head>
<body onload="add();">
<form id="form1">
<div id="upid"></div>
</form>
</body>
</html>

js 控制动态添加标签 for 循环