js添加按钮注册事件处理函数代码实例

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > js添加按钮注册事件处理函数代码实例

本章节介绍一下如何如何动态的创建一个按钮并且为这个按钮注册事件处理函数。

代码实例如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="https://www.51qianduan.com/" /> 
<title>51前端</title> 
<script type="text/javascript"> 
function done(){
  var odiv=document.getElementById("thediv");
  odiv.innerHTML="51前端";
}
function onloadEvent(){ 
  var input=document.createElement("input");
  input.type="button";
  input.value="查看效果";
  input.setAttribute("onclick","done()");
  document.body.appendChild(input);
} 
window.onload=function(){
  onloadEvent();
}
</script> 
</head> 
<body> 
<div id="thediv"></div>
</body> 
</html>

代码描述：js添加按钮注册事件处理函数。js添加按钮注册事件处理函数代码实例

下载全部收藏

138 184

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册