javascript - アンカータグのonclickイベントはIEで機能しますが、FirefoxとChromeでは機能しません

Question

HTMLコードの関連部分は次のとおりです。

<id = "interest" name = "interest" href = "＃" value = 1 onclick = "alert（this.value）";">関心がある</a>

アラートは値を選択し、IEで実行すると表示されますが、ChromeとFirefoxでは未定義と表示されます。

なぜ何かアイデアはありますか？

Answer 1

次のように、新しい HTML5 data-* 属性を使用できます。

<a id="interest" name="interest" href="#" data-value="1" onclick="alert(this.dataset.value);">Interested</a>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

これは、HTML5 をサポートするブラウザーでのみ機能します。data- 属性にアクセスするにはdataset、要素にアタッチされたオブジェクトを使用します (例: data-valuebecome dataset.value.)。

Answer 2

いくつかのこと：

1) タグ内の余分なスペース。< a>する必要があります<a>。

2) 属性の余分な引用符onclick。する必要がありますonclick="alert(this.value);"。

3)valueアンカー要素の有効な属性ではありません。