元素和参数中的关键字用法

时间:2017-01-19 09:58:31

标签: javascript this keyword

我正在学习 JavaScript 活动,我的观点是' this'关键字用于对象或全局对象,但在此代码中,此关键字用于函数回调参数中的元素为什么?

Q1)我们如何使用'这个'在此代码中的元素onClick事件中?

Q2)其次有时我会将此关键字放在函数参数参数中,以便错误生成' Unexpected Token'。

请帮助解决这两个问题。

HTML CODE:

<!DOCTYPE HTML>
<html>
<body>
<link type="text/css" rel="stylesheet" href="example.css">

<div class="d1" onclick="highlight(this)">1 
    <div class="d2" onclick="highlight(this)">2
        <div class="d3" onclick="highlight(this)">3
        </div>
    </div>
</div>

<script>
function highlight(elem) {
    elem.style.backgroundColor='yellow'
    alert(elem.className)
    elem.style.backgroundColor = ''
}
</script>

</body>
</html>

1 个答案:

答案 0 :(得分:0)

Q1) 我们如何在此代码的元素 onClick 事件中使用“this”? A) HTML 中的“this”指的是接收事件的 HTML 元素。在您的情况下,该元素是“div”

Q2) 其次,有时我将此关键字放在函数参数参数中,因此错误生成“意外令牌”。 A)我看到'this'是一个隐式参数,当我们基于对象调用函数时将自动传递,函数调用附加到 .所以我觉得,黑白函数参数的'this'和隐含的'this'会有冲突