JavaScript：改變各種頁面的類風格

我試圖創建一個函數，它允許我在mouseover的每個頁面上的腳註中更改div的顏色。JavaScript：改變各種頁面的類風格

這就是我到目前爲止，它的不工作。

的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>

來源

2013-03-13 JoshG

不整函數'A（OBJ）'只是相當於'document.getElementsByClassName（obj）'？ – fuzic 2013-03-13 03:05:13

你爲什麼不用CSS來做這件事？ – Blender 2013-03-13 03:05:19

@fuzic +1，但實際上，它是一個'NodeList'請參閱https://developer.mozilla.org/en-US/docs/DOM/document.getElementsByClassName – 2013-03-13 03:06:56

我會做到這一點只有CSS：

.footerDiv { 
    color: white; 
} 

.footerDiv:hover { 
    color: black 
}

來源

2013-03-13 03:08:07 Blender

+1這可能是OP嘗試完成的最佳方法。值得一提的是，他失敗了，因爲他試圖將樣式應用於數組而不是元素。 – 2013-03-13 03:10:00

謝謝你們，我只是想看看它是否可能嚴格執行JavaScript。如果它太複雜，我一定會用CSS來完成，謝謝！ – JoshG 2013-03-13 03:27:24

JavaScript：改變各種頁面的類風格

回答

相關問題