老师，我这样写可以吗，为什么要用this呢
来源：4-8 编程练习
qq_慕仰20210716
2021-10-01 20:41:23
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
button {
background-color: rgba(128, 128, 128, 0.219);
}
</style>
</head>
<body>
<form action="">
<label>
<input type="button" value="点击我试试" id="btn" />
<!-- <button>点击我试试</button> -->
</label>
</form>
<script>
var button = document.getElementById("btn");
button.onclick = function () {
btn.style.backgroundColor = "green";
};
</script>
</body>
</html>
1回答
-
好帮手慕星星
2021-10-05
同学你好，代码实现效果很棒！
针对提问回复：
this指向绑定事件的元素，所以在点击事件中使用this，可以指向button 。可以输出this看看
祝学习愉快！
0
相似问题