返回单击元素js的背景颜色

Question

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

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

有人可以给我一个关于我在getColor（）函数中要做什么的指针吗？

Answer 1

将其更改为：

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

这将是javascript：

答案 1 :(得分：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>

答案 2 :(得分：1)

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

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

功能将是 -

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

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);
}