that与this的应用实例

原创于 2018-05-21 20:52:43 发布 · 207 阅读

CC 4.0 BY-SA版权

文章标签：

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现按钮背景颜色变化的方法。通过获取页面中的所有按钮元素，并为每个按钮添加点击事件监听器，当按钮被点击时，其背景颜色会变为黄色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body>
	<button type="button">按钮1</button>
	<button type="button">按钮2</button>
	<button type="button">按钮3</button>
	<script>
	var aBtn = document.getElementsByTagName("button");
	var that = null;
	function changeBg(){
	that.style.backgroundColor = "yellow";
	}
	for(var i=0;i<aBtn.length;i++){
	aBtn[i].onclick = function (){
	that = this;
	changeBg();
	};
	}
	</script>