DOM方式动态创建按钮

来源:互联网 发布:单片机仿真器有什么用 编辑:程序博客网 时间:2024/05/22 00:18

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>演示文档</title>
<script type="text/javascript">
 function btnClick(){
  
  var div = document.createElement("input");
  div.type="button";
  div.value="动态按钮";
  div.onclick=function(){alert('hello');};
  document.body.appendChild(div);
  
 }
 
</script>
</head>
<body>
<input type="button" onclick="btnClick()" value="提交" />


</body>
</html>