javascript - javascript getElementById 为 null - 由 this 传递的 Id

Question

也许我没有正确使用“这个”。

HTML：

<div style="margin: 4px; padding: 10px; border: solid 1px;" onmouseover="darken(this);">

JavaScript：

function darken(elt) {
    "use strict";
    document.getElementById(elt.id).style.backgroundColor = "#e8e8e8";
}

?

score 4 · Accepted Answer

如果您有对该元素的引用，则无需查找其 ID，然后在文档中查询与该 ID 匹配的元素。（顺便说一下，没有为该元素分配 ID）。

score 3 · Accepted Answer

this是对元素的引用。您可以简单地将其用作：

function darken(elt) {
    elt.style.backgroundColor = '#e8e8e8';
}

score 3 · Accepted Answer

`jsFiddle Demo`

第一个问题是id那个元素上没有，所以你不能用document.getElementById它来找到它。

您可以使用的一个优点是您已经通过以下元素传递了元素this：

function darken(elt) {
 "use strict";
 elt.style.backgroundColor = "#e8e8e8";
}

score 1 · Accepted Answer

Id您没有为您的 div 元素提供任何内容

<div id="myDiv" style="margin: 4px; padding: 10px; border: solid 1px;" onmouseover="darken(this);">