A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 胡元江 中级黑马   /  2013-2-17 20:40  /  1223 人查看  /  1 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

1.document.write只能在页面加载过程中才能动态创建

2.可以调用doucment的createElement方法来创建具有指定标签的Dom对象,然后通过调用某个元素的appendChild方法将新创建元素添加到相应的元素下
<!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 showit() {
            var divMain = document.getElementById("divMain");  
            var btn = document.createElement("input");  //新建标签
            btn.type = "button";        //设置类型
            btn.value = " 动态创建的"; //设置标签属性
            divMain.appendChild(btn);   //为此层添加新标签

        }


    </script>
</head>
<body   >
<div  id="divMain" ></div>  //建立一个占位层

<input type="button"  value="提交" onclick="showit()"/> //单击事件中动态建立
</body>
</html>

1 个回复

倒序浏览
值得学习ing!
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马