原型将类添加到类

Question

我的页面中有几个这样的div：

<div class="listing-type-list catalog-listing">

当我将鼠标悬停在div上时，我想向div添加一个类，然后在mouseout时将其删除？

如何用原型来完成？

Answer 1

为什么你想用原型做这个，而不是用标准的CSS？

div.listing-type-list.catalog-listing:hover { additional CSS goes here }

这在IE6中不起作用，但有htc file。如果这是您的意图，您将无法通过javascript中的getElementsByClassName选择div。

Answer 2

<div class="listing-type-list catalog-listing"
 onmouseover="Element.toggleClassName(this, 'newClass')" 
 onmouseout="Element.toggleClassName(this, 'newClass')" >