javascript 元素动态创建

最新推荐文章于 2023-02-06 19:13:34 发布

永远爱好写程序

最新推荐文章于 2023-02-06 19:13:34 发布

阅读量585

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript

本文链接：https://blog.youkuaiyun.com/limlimlim/article/details/8350680

Javascript 专栏收录该内容

56 篇文章

订阅专栏

document.write只能在页面加载过程中才能动态创建
可以调用document的createElement方法来创建具有指定标签的DOM对象,然后通过调用元素的appendChild方法将
新创建元素添加到相应的元素下

1.举例
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Dom动态创建元素</title>
    <script type="text/javascript">
        function CreateButton() {
            var div = document.getElementById("divMain");
            var myButton = document.createElement("input");
            myButton.type = "button";
            myButton.value = "我是动态添加的";
            //myButton.id="btn";               注意:如果设置id的话要避免重复
            div.appendChild(myButton);    //添加到div上
        }
    </script>
</head>
<body>
    <div id="divMain"></div>
    <input type="button" value="添加元素" onclick="CreateButton()" />
</body>
</html>