Question

目前在JavaScript中，为了向我使用的元素添加一个类：

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

如果我想让代码像jQuery＆＃39; s addClass()一样使用，如下所示：

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

我相信你会把它添加到<div data-role="fieldcontain"> <fieldset data-role="controlgroup" data-type="horizontal"> <legend>Pass Keys:</legend> <input type="radio" name="OTonoff" id="OTon" value="on"> <label for="OTon">On</label> <input type="radio" name="OTonoff" id="OToff" value="off"> <label for="OToff">Off</label> </fieldset> <a href="index.html" data-role="button" data-icon="info" data-iconpos="notext"></a> </div>对象原型

Element

Answer 2

使用Element.classList.add()。

在本地，它可以在所有现代浏览器中使用，包括IE10及以上版本。

上面的链接还为所有不受支持的浏览器提供了填充。

自定义JavaScript addClass方法

2 个答案: