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