如何给HTML元素添加事件

最新推荐文章于 2022-06-07 11:50:21 发布

Personality、

最新推荐文章于 2022-06-07 11:50:21 发布

阅读量189

点赞数

分类专栏：笔记文章标签： javascript

本文链接：https://blog.csdn.net/qq_43527694/article/details/107403091

版权

笔记专栏收录该内容

78 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script> 
		/*	function test(){
				console.log("Hello world");*/	
		}</script>
	
	<body>
		<!--<input type="button" value="按钮" onclick="test()" />-->//第一种方法：直接通过onclick 来执行test函数；
		<input type="button" value="按钮" id="button"/>
		<script>
			document.getElementById("button").onclick=function(){//第二种方法：通过id获取button对象来执行onclick后的函数
				console.log("Helloword");
			}
			
			document.getElementById("botton").addEventListener("click",function(){//第三种方法：通过id获取button对象来添加一个监听者从而执行click后的函数
					console.log("Helloworld");				
			});
		</script>
		
	</body>
</html>

Personality、

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何给HTML元素添加事件

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script> /* function test(){ console.log("Hello world");*/ }</script> <body> <!--<input type="button" .
复制链接

扫一扫

专栏目录