如何獲取元素的class屬性？

Question

我想獲取元素的class屬性的值。

<a href="http://stackoverflow.com/" id="myId" class="myClassName">Click Me</a>

this.id ， this.href和this.text工作。

我的問題是為什么this.class無法正常工作？

注意：

我不想使用：

console.log($this.attr('class')); 或console.log($("a").prop("class"));

因為它很慢。

$(function(){
   $("a").on("click",function(){
       console.log(this.id);              // myId
       console.log(this.href);            // http://stackoverflow.com/
       console.log(this.text);            // Click Me
       console.log($("a").prop("class")); // myClassName
   });    
});

Answer 1

因為它應該是this.className代替。

參考： https : //developer.mozilla.org/en-US/docs/DOM/element.className

Answer 2

使用this.className是本機javascript元素屬性。

$(function(){
   $("a").on("click",function(){
       console.log(this.id);              // myId
       console.log(this.href);            // http://stackoverflow.com/
       console.log(this.text);            // Click Me
       console.log(this.className); // myClassName
   });    
});

Answer 3

class屬性映射到DOM中的className屬性（不是不存在的class屬性）。