设置html元素的内联属性

Question

在这里，我正在尝试定义一个名为zerg的HTML属性，并在单击一个段落时显示它，而是在单击一个段落时显示“未定义”。 the code that I've written出了什么问题，这样做的正确方法是什么？

<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()作为内联代码。