如何获取元素的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属性）。