动态创建标签对象

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function btnClick() {
            var divMain = document.getElementById("divMain");//获得层
            var input = document.createElement("input");//动态产生一个标签名为"input"的元素,此时的这个元素还没有添加到任何元素中去,所以不会显示出来
            input.type = "button";
            input.value = "我是动态按钮";
            input.onclick = btnClick;//向input标签的onclick事件添加方法名对象
            divMain.appendChild(input); //将动态产生的层添加到divMain这一层中
        }
    </script>
</head>
<body>
<div id="divMain"></div>
<input type="button" value="按钮" onclick="btnClick()" />
</body>
</html>

posted @ 2012-11-24 22:06  FiberHomer  阅读(116)  评论(0编辑  收藏  举报