js动态添加div（三）

最新推荐文章于 2022-09-29 16:00:19 发布

Cike121272604

最新推荐文章于 2022-09-29 16:00:19 发布

阅读量2w

点赞数

分类专栏： JS 文章标签： div javascript function 文档

本文链接：https://blog.csdn.net/cike121272604/article/details/5809175

版权

JS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

三、动态添加Div，并删除某个Div

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
    <script type="text/javascript">
    var a=0;
    function add(){
        var o=document.getElementById("PhotoLabel");
        var div=document.createElement("div");
        div.id = div.name = "d"+ a;
        div.innerHTML=o.innerHTML.replace(//{0/}/ig,a);
        document.getElementById("addPhotoLabel").appendChild(div);
        //document.write(document.getElementById("addPhotoLabel").innerHTML);
        alert(document.getElementById("addPhotoLabel").innerHTML);
        a++;
    }
    //window.onload = function(){add();}
    function deleteDiv(){
    var oDiv= document.getElementById("d2");
      document.getElementById("addPhotoLabel").removeChild(oDiv);
    }
    </script>
<body>
<div id="PhotoLabel">
safasfdgdag
<a>aasscc</a>
</div>
<div id="addPhotoLabel"></div>
<a href="javascript:add();"><span style="font-size: 15px">增加</span></a>
<a href="javascript:deleteDiv();"><span style="font-size: 15px">删除第二个</span></a>
</body>
</html>