javascript - 设置html元素内联属性

Question

在这里，我试图定义一个名为 的 HTML 属性zerg，并在单击段落时显示它，但在单击它时显示“未定义”。我编写的代码有什么问题，正确的方法是什么？

<p onclick = "alert(this.zerg);" zerg = "Why doesn't this work?">Click here!</p>

Answer 1

为了与 HTML5 兼容，属性应该被命名data-zerg而不是zerg. 试试这个：

<p onclick = "alert(this.getAttribute('data-zerg'));" data-zerg = "Now it works as intended!">Click here!</p>

http://jsfiddle.net/QrrpB/1340/

Answer 2

试试这个：

<p onclick = "alert(this.getAttribute('zerg' ));" zerg = "Why doesn't this work?">Click here!</p>

Answer 3

您可以使用以下getAttribute()方法：

<p onclick = "alert(this.getAttribute('zerg'));" zerg = "Why doesn't this work?">Click here!</p>

Answer 4

你可以试试这个：-

   <p onclick = "javascript:alert(this.getAttribute('zerg'));" zerg="Now it works as 
intended!">Click here!</p>

this参考当前元素。因此，您可以this.getAttribute()用作内联代码。