锚标签上的onclick事件在IE中有效，但在Firefox和Chrome中无效

Question

以下是HTML代码的相关部分：

＆LT; id =“interest”name =“interest”href =“＃”value = 1 onclick =“alert（this.value）”;“＆gt;感兴趣＆lt; / a＆gt;

警报选择该值并显示在IE中运行但在Chrome和Firefox中显示未定义。

任何想法为什么？

Answer 1

您可以使用新的HTML5 data- *属性，如下所示：

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

这仅适用于支持HTML5的浏览器。要访问数据属性，您将使用附加到元素的dataset对象（例如data-value变为dataset.value。）

Answer 2

一些事情：

1）标签中有额外的空格。 < a>应为<a>。

2）onclick属性中的额外报价。应该是onclick="alert(this.value);"。

3）value不是锚元素的有效属性。