JavaScript:在各种页面中更改类样式

时间:2013-03-13 03:03:50

标签: javascript css dom

我试图创建一个函数,允许我在mouseover的每个页面上更改页脚中div的颜色。

这是我到目前为止所提出的并且它不起作用。

JavaScript的:

function A(obj) {
    var elements = document.getElementsByClassName(obj)
    var objects = []

    for (var i=0; i < elements.length; ++i) {
        objects.push(elements[i])
    }
    return objects;
}

var footerDiv = A('footerDiv');
footerDiv.onmouseover = function() {
    footerDiv.style.color = 'black';
}

footerDiv.onmouseout = function() {
    footerDiv.style.color = 'white';
}

HTML:

<div class="footerDiv">
  Example Text
</div> 

1 个答案:

答案 0 :(得分:2)

我只用CSS做到这一点:

.footerDiv {
    color: white;
}

.footerDiv:hover {
    color: black
}