从javascript调用css规则

从javascript调用css规则,javascript,css,Javascript,Css,大家好,我想知道通过javascript是否可以通过调用css规则将通过css访问的.png转换为可点击链接 .calendar { background: transparent url("../cal_icon.png") no-repeat 94px 3px; background-repeat: no-repeat; margin-right: 2px; } 这是我的css规则,我想让我的cal_icon.png可点击。 这可能吗? 请原谅我在这件事上的无知。正

大家好,我想知道通过javascript是否可以通过调用css规则将通过css访问的.png转换为可点击链接

.calendar {
    background: transparent url("../cal_icon.png") no-repeat 94px 3px;
    background-repeat: no-repeat;
    margin-right: 2px;
}
这是我的css规则,我想让我的cal_icon.png可点击。 这可能吗?
请原谅我在这件事上的无知。

正如评论中所说,您需要向元素添加click处理程序,css只是用于样式设置

您可以看看这个fiddle,它使用jQuery(onLoad)

IE有一个css表达式,其他浏览器可能有其他的(但我现在什么都不记得了)


但是使用css进行dom操作并不是一种常见的做法,您只能使整个
.calendar
元素可单击。背景图像无法通过JavaScript访问或处理。css只是定义样式。它不会使任何东西可点击。您可以使用javascript在附加了类日历的元素上附加一个click事件处理程序,或者将元素包装在一个可单击的元素中。感谢您的重播,您是否知道如何将元素包装在一个元素中或使整个.calendar元素可单击?使用
javascript
或只是一个链接?我想知道一个供参考的链接,但是如果javascript很容易理解,那么JS就很好了。
$('.calendar').click(function(){
    $(this).css('color','red');
})