您的位置：首页 > Web前端 > JavaScript

javascript 元素动态创建

2012-12-20 16:55 344 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航