javascript更改元素背景onclick调用函数

Question

我们可以在使用此代码点击时更改元素背景

$("#coolMenu li").click(function(){ 
  $(this).css('background-image', 'url(images/li-bg2.png)');
});

如果我需要在onclick上添加一个函数，例如

，该怎么办？

    <ul id="coolMenu">
      <li>
        <a href='#' onclick="callMe(this)";>Click me</a>
      </li>
    </ul>

如何更改函数内的元素背景？

function callMe(obj)
{
    //do something
    //change element background other than using the above code

}

Answer 1

你可以这样做：

obj.style.backgroundColor = "red";

或者使用jQuery

$(obj).css("background-color", "red");

Answer 2

由于您使用的是jQuery，因此代码为：

function callMe(obj)
{
   $(obj).css("background-color", "red");
}