UC知道JS指定位置插入标签 并加入属性
来源：百度知道 编辑：UC知道 时间：2024/06/05 06:34:33
<html>
<herd>
<script type="text/javascript">
<!--
i=1;
function AddDiv() {
id="box"+i
i++;
这里的ID是递增的，我想用检测如果ID存在则+1再进行检测 否则..
}
function to_f_a(str) {
}
//-->
</script>
</herd>
<body>
<input type="button" value="添加DIV" onclick="AddDiv()" />
以下节点是通过JS动态创建的！
<!-- <div id="box1" onclick="to_f_a("box1")">
被点击后的效果--> <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=&q
<herd>
<script type="text/javascript">
<!--
i=1;
function AddDiv() {
id="box"+i
i++;
这里的ID是递增的，我想用检测如果ID存在则+1再进行检测 否则..
}
function to_f_a(str) {
}
//-->
</script>
</herd>
<body>
<input type="button" value="添加DIV" onclick="AddDiv()" />
以下节点是通过JS动态创建的！
<!-- <div id="box1" onclick="to_f_a("box1")">
被点击后的效果--> <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=&q
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
<!--
function AddDiv() {
var i=1;
while(document.getElementById("box"+i))i++;
document.getElementById('divContainer').innerHTML+='<div id="box'+i+'" onClick="to_f_a(\'box'+(i)+'\')">添加一个DIV</div>';
}
function to_f_a(str) {
var dv=document.getElementById(str);
dv.outerHTML='<div>新DIV</div>'+dv.outerHTML;
}
//-->
</script>
</head>
<body>
<input type="button" value="添加DIV" onClick="AddDiv()" />
<div id="divContainer">
</div>
</body>
</html>
实现了div的动态添加,点击添加的div也会在