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

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

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

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 処理に問題があるようです。

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

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 = "";        };    }};