discuz テンプレートにマウスイベントを書いたのですが、なぜ効果がありませんか?

97b0c0e9747dc3b409d2ae54ce3a6ff8
4ec11beb6c39d0703d1751d203c17053
window.onload = function() {
var oBox = document.getElementByclassName(" img");
oBox.onmouseover = function() {
oBox.className = "ホバー";
};
oBox.onmouseout = function() {
oBox.className = " ";
};
};
2cacc6d41bbb37262a98f745aa00fbf0
dd21b0ea8171308b1f2a7a87137922cd
6ea13999d300a1b330d76d0d1b913119037331c1e6cf40e377e63a21138456e35db79b134e9f6b82c0b36e0489ee08ed
16b28748ea4df4d9c2150843fecfba68
16b28748ea4df4d9c2150843fecfba68

には、任意の値を含めることができます効果はありません。何が問題なのかわかりません。アドバイスをお願いします

ディスカッション（解決策）への返信

getElementsByClassName

getElementsByClassName

効果がないのはなぜですか?

getElement sByclassName
すべてのブラウザが getElementsByclassName をサポートしているわけではありません

getElementsByclassName は配列
oBox.onmouseover? を取得します。 ? ?
マウス イベントを配列に割り当てますか?こんな風には書けないよ

<div id="WB_Blogger">	<div class="img" style="height:100px;width:100px;background-color:#00ff00;">		xxx	</div>	<div class="img" style="height:100px;width:100px;background-color:#c1c1c1;">		xxx	</div></div><script type="text/javascript">window.onload = function() {	var oBox = document.getElementsByClassName("img");	for (var i = 0, L = oBox.length; i < L; i++) {		oBox[i].onmouseover = function() {			this.className = "hover";		};		oBox[i].onmouseout = function() {			this.className = "";		};	}};</script>

<div id="WB_Blogger">	<div class="img" style="height:100px;width:100px;background-color:#00ff00;">		xxx	</div>	<div class="img" style="height:100px;width:100px;background-color:#c1c1c1;">		xxx	</div></div><script type="text/javascript">window.onload = function() {	var oBox = document.getElementsByClassName("img");	for (var i = 0, L = oBox.length; i < L; i++) {		oBox[i].onmouseover = function() {			this.className = "hover";		};		oBox[i].onmouseout = function() {			this.className = "";		};	}};</script>

理由がわかったら書けばいいしかし、それを discuz テンプレートに入れると機能しません。効果はありません。

discuz のページの js 処理に問題があるようです。

インポートには 943ef81ab291e7ec895b61360654008c2cacc6d41bbb37262a98f745aa00fbf0 を使用するのが最適です。

xxx.js に次のコードを入れます

window.onload = function() {    var oBox = document.getElementsByClassName("img");    for (var i = 0, L = oBox.length; i < L; i++) {        oBox[i].onmouseover = function() {            this.className = "hover";        };        oBox[i].onmouseout = function() {            this.className = "";        };    }};