我试图创建一个函数,使我可以在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>
最佳答案
我只用CSS就能做到:
.footerDiv {
color: white;
}
.footerDiv:hover {
color: black
}