更改我正在监听事件 Javascript 的对象的 CSS

【问题标题】：Change CSS of an object that I'm listening to an event Javascript更改我正在监听事件 Javascript 的对象的 CSS
【发布时间】：2015-01-29 18:55:15
【问题描述】：

我正在侦听来自 Javascript 对象的事件，但我不知道如何更改 CSS。我试图在函数参数中传递对象，但它不起作用。

我的代码：

auxiliar.addEventListener('mouseover',function mouseOver(){
   console.log("debug mouse over");
   //Here I want change the CSS class of auxiliar
});

有什么想法吗？？谢谢你

【问题讨论】：

标签： javascript css events object mouseover

【解决方案1】：

最简单最快的方法是JQuery：

直接更改 CSS：

document.getElementById('YourID').addEventListener("mouseover", function(){
   $(this).css("color", "#f00"); //get the object this function is running on
});

添加一个类：

document.getElementById('a').addEventListener("mouseover", function(){
   $(this).addClass("NewClass"); //give your object a clsas you can target in CSS
});

当然还有标准的 JavaScript：

var MyObject = document.getElementById('a');
MyObject.addEventListener("mouseover", function(){
   MyObject.className = MyObject.className + " NewClass";
});

请确保不要无限频繁地添加它。

【讨论】：

谢谢你！最后我用 jQuery