js动态添加div（二）

最新推荐文章于 2022-07-21 16:19:31 发布

Cike121272604

最新推荐文章于 2022-07-21 16:19:31 发布

阅读量1w

点赞数

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

本文链接：https://blog.csdn.net/Cike121272604/article/details/5809118

版权

JS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

二、动态添加Div，并在Div上添加事件

<html>
<body>
   <a href="javascript:aa();">text</a>
</body>
</html>
<script language=javascript>
        var divId=1;
        //动态生成单纯的div
        function CreateOuterDiv()
        {
            var obj=document.createElement("div");
            obj.id="myDiv"+divId;
            divId++;
            obj.style.border="1px solid #000000";
            obj.style.height="30px";
            obj.style.width="200px";
            obj.style.filter="alpha(opacity=70)";
            obj.style.margin="10px";
            obj.style.cursor="hand";
            obj.algin="center";
            //obj.innerHTML="<a href='#"+obj.id+"'>ssssssssss</a>";
            obj.innerText="sssssss";

            document.body.appendChild(obj);
            document.getElementById(obj.id).οnclick=function(){aa();};
        }
        function aa()
        {
            CreateOuterDiv();//alert();
        }
</script>