使用jquery獲取div的類

Question

那麼我已經看到了這個問題here。但有點困惑。有提供幾種解決方案： -

1. var div1Class = $('#div1').attr('className');

   這一次是帶有2票接受的解決方案。

2. var divClass = $("#div1").attr("class")

   這有一個向上投票了。

這是正確的嗎？如果兩者都是正確的，那麼兩者之間的區別是什麼？

Answer 1

它允許使用'class'，jQuery將修復它， 但jQuery推薦使用'className'Attributes/attr

爲避免與類定義衝突，DOM將'class'屬性重命名爲'className'。 對於重命名爲'htmlFor'的'for'屬性也是如此。 （請參閱here：1.6.2。命名異常）

Answer 2

沒有HTML屬性className - 正確的代碼是：

var divClass = $("#div1").attr("class"); 

className是一個Javascript DOM屬性，所以如果你不使用jQuery你可以這樣做：

var divClass = document.getElementById('div1').className;