javascript - 返回被点击元素js的背景颜色

Question

我想使用 javascript 将元素的背景颜色发送到函数，例如：

<td style="background-color:#ff0000" onClick="getColor()"></td>

谁能给我一个关于我必须在 getColor() 函数中做什么的指针？

Answer 1

将其更改为：

<td style="background-color:#ff0000" onClick="getColor(this)"></td>

这将是 javasctipt：

getColor(elem){
    alert(elem.style.backgroundColor);
}

Answer 2

如果 jQuery 没问题：

<td style="background-color:#ff0000" onClick="getColor(this)"></td>
<script>
function getColor(element) {
    var bgColor = $(element).css('background-color');
    // ... do something with bgColor here...
}
</script>

Answer 3

修改调用以将对象作为参数发送。像这样-

<td style="background-color:#ff0000" onClick="getColor(this)"></td>

功能将是-

function getColor(obj){
 var bgColor = obj.style.backgroundColor;
 alert(var);
}