<p>私のサイトには6つのタグがあり、Xホバーしたときに別の色にしたいです。
HTML：
<p>A<span class="del">X</span></p>
<p>B<span class="del">X</span></p>
<p>C<span class="del">X</span></p>
<p>D<span class="del">X</span></p>
<p>E<span class="del">X</span></p>
<p>F<span class="del">X</span></p>
JS：
function func(elem) {
'use strict';
elem.style.backgroundColor = "red";
}
var spans = document.getElementsByClassName("del");
var i;
for (i = 0; i < spans.length; i = i + 1) {
spans[i].onmouseover = func(spans[i]);
}
しかし、私のコードでXは、何にもカーソルを合わせなくても、すべての背景が赤になります。何を変更する必要がありますか？
使用.addEventListener()私はまたあなたのforループをと呼ばれる関数に配置しましたevents()。これは、ページの準備ができたときに呼び出されます。
function func() {
this.style.backgroundColor = "red";
}
function events(){
var spans = document.getElementsByClassName("del");
var i;
for (i = 0; i < spans.length; i = i + 1) {
spans[i].addEventListener('mouseover',func,false);
}
}
window.onload=events;<p>A<span class="del">X</span></p>
<p>B<span class="del">X</span></p>
<p>C<span class="del">X</span></p>
<p>D<span class="del">X</span></p>
<p>E<span class="del">X</span></p>
<p>F<span class="del">X</span></p>ご不明な点がございましたら、下にコメントを残してください。できるだけ早くご連絡いたします。
これがお役に立てば幸いです。ハッピーコーディング！
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加