カスタムJavaScript addClass方法

Question

現在JavaScriptで、私が使用して要素にクラスを追加するために：私はそのコードjQueryのaddClass()以下のようなのような方法で作りたい場合

var element = document.getElementById("element"); 

var classes; 
if (element.className.split(" ").indexOf("class") < 0) { 
    classes = element.className.split(" "); 
    classes.push("class"); 
    element.className = classes.join(" "); 
} 

：

addClass: function(string) { 
    var classes; 
    if (element.className.split(" ").indexOf("class") < 0) { 
     classes = element.className.split(" "); 
     classes.push("class"); 
     element.className = classes.join(" "); 
    } 
} 

オブジェクトのプロトタイプは、私がこのように動作するように、このメソッドを追加する必要があります

れる ：

document.getElementById("element").onclick = function() { 
    this.addClass("class"); 
} 

Answer 1

私は信じていますあなたはElementオブジェクトのプロトタイプ

Element.prototype.addClass = function(className){ 
    // something 
} 

Answer 2

使用Element.classList.add()にそれを追加します。

ネイティブでは、IE10以上の最新のブラウザで使用できます。

上記リンクは、サポートされていないすべてのブラウザ用のポリフィルを提供します。