0

(Javascript) このとても素敵なコードを別の投稿から盗みました。それらの要素
の を で変更します。style.backgroundColordiv.onmouseover

<div id='idEl' class='classEl'>1</div>
<div id='idEl' class='classEl'>2</div>
<div id='idEl' class='classEl'>3</div>
<div id='idEl' class='classEl'>4</div>
<div id='idEl' class='classEl'>5</div>
<script>
  var div = document.getElementsByTagName("div");
  for(var i = 0; i < div.length; i++) {
  div[i].onmouseover = function() {
     this.style.backgroundColor = "green";
  }
</script>

これは機能しますTagNameが、（他の数十の. を使用せずに、すべてを内で行う必要があります。強者でも働け たらいいのに。dividclassName
html attributesobject properties<script>
addEventListener

4

2 に答える 2

2

に変更getElementsByTagNameするだけgetElementsByClassName

ここにワーキングフィドルとコードがあります -

<div id='idEl' class='classEl'>1</div>
<div id='idEl' class='classEl'>2</div>
<div id='idEl' class='classEl'>3</div>
<div id='idEl' class='classEl'>4</div>
<div id='idEl' class='classEl'>5</div>
<script>
  var div = document.getElementsByClassName("classEl");
  for(var i = 0; i < div.length; i++) {
  div[i].onmouseover = function() {
     this.style.backgroundColor = "green";
     }
  }

</script>

注- 上記のコードに入力した閉じ括弧も欠落しており、id は一意である必要があるため}、すべてに同じ id を使用していますが、divこれは正しくありません。

于 2015-12-12T11:37:55.317 に答える
1

CSS クラスごとに要素を取得するには、getElementsByClassName関数を使用できます。

document.getElementsByClassName("classEl");

HTML では同じドキュメントに複数の同じ ID を許可しないため、この場合は「id」を使用するよりも優れていることに注意してください。

要素（要素ではない）を取得するには、次のことができます。

document.getElementById("my_unique_id");

実際の例を見ることができます-ここ

于 2015-12-12T11:35:49.177 に答える