美文网首页js
操作类名

操作类名

作者: u14e | 来源:发表于2017-02-23 19:20 被阅读3次

原生

node.classList.remove(someClass);
node.classList.add(newClass);
node.classList.contains(someClass);

模拟

function addClass(node, newClass) {
    var arr = node.className.split(/\s+/);
    arr.push(newClass);
    return arr.join(' ');
}

function removeClass(node, someClass) {
    var arr = node.className.split(/\s+/);
    arr = arr.filter(item => {
        item !== someClass;
    })
    return arr.join(' ');
}

function containClass(node, someClass) {
    var arr = node.className.split(/\s+/);
    return arr.forEach(item => {
        if (item === someClass) {
            return true;
        }
    })
}

相关文章

网友评论

    本文标题:操作类名

    本文链接:https://www.haomeiwen.com/subject/nwgbwttx.html