javascript - 如何获取元素的类属性？

Question

我想获取元素的类属性的值。

<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属性）。