IDタグを使用しないクラスを変更するJavascript

Question

IDタグを使用しないでHTML要素のクラスを変更したいのですが、これらの要素が非常に多いためです。私はこのような単純なことをしたいと思いますが、コードは機能しません。

<li ><a onclick="ChangeClass()" href="/Default.aspx">Home</a></li> 

<script> 
     function ChangeClass(){ 
      this.className = "active"; 
     } 
</script> 

EDIT：申し訳ありませんが、それはタイプでした。私のコードには角カッコがありましたが、まだ動作していません。

EDIT2：素早い返信をありがとう、私はそれらをすべて見て、メモを取る。

Answer 1

ここのウィンドウオブジェクトを指しています。 call/applyを使用して、このコンテキストを変更することができます。

チェックこのスニペット

function ChangeClass(event) { 
 
    this.className = "active"; 
 
}

.active { 
 
    color: red; 
 
}

<li><a href="/Default.aspx" class="default" onclick="ChangeClass.call(this)">Home</a> 
 
</li> 
 

 
<script> 
 
</script>

希望これではJavaScript thisで

Answer 2

を支援アクションを含む要素を指します。 あなたのようなあなたの関数でそれを使う方法は、DOM要素clickedのスコープを取得するのではなく、関数スコープだけを取得しています。 onClickハンドラで参照しているthisは、あなたが思うDOM要素ではありません。あなたは、このようにコードを変更する必要があります。

<li ><a onclick="ChangeClass(this)" href="/Default.aspx">Home</a></li> 

<script> 
     function ChangeClass(element){ 
      element.className = "active"; 
     } 
</script>