Question

所以我使用onclick函数为类指定背景颜色（我不寻找替代品，我只需要这个工作）。在这种情况下，为身体提供颜色的功能如下所示。

function myFunction() {
   document.body.style.backgroundColor = '#FFFF00';
}

此代码使用背景颜色对主体进行工作和样式设置。现在我想知道是否可以使用onclick方法来设置页面上的特定元素的样式。例如，设置列表项的背景颜色。我试过了：

function myFunction() {
    document.li.style.backgroundColor = '#FFFF00';
}

Answer 1

如果您使用jquery，可以通过几种不同的方式执行此操作。

但如果你只是使用直接javascript，最简单的方法是将对象传递给函数，如下所示：

拥有像你的例子一样的html元素。

<li onclick="javascript:setColor(this);" />

然后让你的javascript函数如下：

function setColor(obj) {
     obj.style.backgroundColor = "#FFFF00";
}

作为偏好，我想将颜色代码作为参数传递，但这取决于你。

这是一个以颜色作为参数的jsfiddle：