JS指定位置插入标签 并加入属性
<html><herd><scripttype="text/javascript"><!--i=1;functionAddDiv(){id="box"+ii++;这里的I...
<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="to_f_a("box4")">添加一个DIV </div>
<div id="box5" onclick="to_f_a("box5")">添加一个DIV </div>
</body>
</html>
效果不理想！但可以！
这样好了！帮我解决ID的维一性！
如网页中有<div id="box5" >
那么添加时就不能再次添加一个<div id="box5" >
只有添加<div id="box6" >假如这个还是存在那么就要再加1假如还有！！！！！ 展开
<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="to_f_a("box4")">添加一个DIV </div>
<div id="box5" onclick="to_f_a("box5")">添加一个DIV </div>
</body>
</html>
效果不理想！但可以！
这样好了！帮我解决ID的维一性！
如网页中有<div id="box5" >
那么添加时就不能再次添加一个<div id="box5" >
只有添加<div id="box6" >假如这个还是存在那么就要再加1假如还有！！！！！ 展开
展开全部
<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也会在前面添加一个新div,楼主看是不是这个效果?
<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也会在前面添加一个新div,楼主看是不是这个效果?
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
