Javascript 如何获取元素的class属性？

我想获取元素的class属性的值

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

---

class

属性映射到DOM中的

className

属性（而不是不存在的

class

属性）

class

属性映射到

className

属性（而不是不存在的

class

属性）在DOM中。

，因为它应该是

this.className

---

REF:

，因为它应该是

this.className

---

REF:

使用

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
   });    
});

---

使用

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
   });    
});

---

回答最初的问题：因为

class

是JS字典中的一个属性名，所以必须总是引用它作为属性名，而不是写

this['class']

。因此，使用非保留字-

className

-来引用此属性。使用jquery，您可以使用

attr（'class'）

方法检索类属性值ex

console.log（$（this.attr（'class'））

）。。。或

hasClass（'className'）

方法，以测试元素是否具有特定的类ex

console.log（$（this.hasClass（'myClassName'））

。'这个.className'仍然是获得整个值的最快方法回答了最初的问题：因为

class

是JS字典中的一个，所以必须始终将它作为属性名引用，而不是编写

this['class']

。因此，使用非保留字-

className

-来引用此属性。使用jquery，您可以使用

attr（'class'）

方法检索类属性值ex

console.log（$（this.attr（'class'））

）。。。或

hasClass（'className'）

方法，以测试元素是否具有特定的类ex

console.log（$（this.hasClass（'myClassName'））

。'这个.className'仍然是获取整个值的最快方法