我想点击后改变背景颜色?

时间:2011-04-15 14:51:45

标签: javascript css

我想在点击

后更改背景颜色

这是我的HTML代码

<td class="meun" onclick="getclick();">...</td>

这是我的JavaScript:

function getclick()
{
    this.style.background-color: #EFF2F7;
}

http://jsfiddle.net/3ZmCh/

我希望点击表格中的td中的任意内容来更改其背景颜色

5 个答案:

答案 0 :(得分:3)

http://jsfiddle.net/ThiefMaster/3ZmCh/16/

您需要将this作为参数传递,并在处理程序方法中使用适当的JavaScript:

function getclick(elem) {
    elem.style.backgroundColor = '#EFF2F7';
}

答案 1 :(得分:1)

你的getclick()函数应如下所示:

function getclick(el)
{
    el.style.backgroundColor='#888888';
}

在js中,样式看起来有点不同

在你的td中,做

<td onclick="getclick(this)">

答案 2 :(得分:0)

这是jQuery中的代码:

$("td").click(function() {
        $(this).css("background-color","#ABCDEF");
    });

答案 3 :(得分:0)

<script language="JavaScript">
<!--
function changeBGC(color){
document.bgColor = color;
}
//-->
</script>

<a href="#" onClick="javascript:changeBGC('#000099')">Click Blue</a>

答案 4 :(得分:0)

我会将ID添加到您的<td>标记中,并更改函数名称,以便更好地理解。

function changeBgColor() {

var tableData = document.getElementById('meun');

tableData.style.backgroundColor = '#EFF2F7';

}




<td id='meun' class="meun" onclick="changeBgColor()">...</td>