我把function下面的btn改成this为啥不行

来源:2-6 编程练习

慕侠5902054

2019-10-09 17:56:27

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>DOM的查找方法</title>
<style>
.btn{
    width:200px;
    height:50px;
}
</style>
</head>

<body>
<input type="button" class="btn" value="请点击我试试" onclick="functionOnclick(this)"/>
<script>
    function functionOnclick(btn){
        this.style.backgroundColor="green";
    }
</script>
</body>
</html>


写回答

1回答

好帮手慕星星

2019-10-09

同学你好,

可以输出下this和btn分别指向什么哦:

http://img.mukewang.com/climg/5d9db2ff092a39e606110201.jpg

http://img.mukewang.com/climg/5d9db30d09ff7bfd09280069.jpg

this指向的是window,btn指向的是input元素,所以这里不能使用this。

标签中调用方法传入的this指向的是input元素,形参btn也就是input元素,所以要用btn来设置样式哦:

http://img.mukewang.com/climg/5d9db372097f165a04520146.jpg

自己再理解下,祝学习愉快!

0

0 学习 · 40143 问题

查看课程