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>
|
|