LoginSignup
0
1

More than 5 years have passed since last update.

JavaSrcriptで、removeClassメソッドやCSSメソッドを作ってみました

Posted at

CSSメソッド

function add_style_css(element, styleObj) {
    if (typeof styleObj === 'object') {
        let prop = [];
        for (let key in styleObj) {
            prop.push(key + ':' + styleObj[key]);
        }

        let adjust_arr_style = prop.join(';');

        element.setAttribute('style', adjust_arr_style);
    } else {
        throw new Error("css() 2nd arguments must be object.");
    }
}

使い方

add_style_css(element, { p: styleObj});


removeClassメソッド

    const deletElement = (node, className) => {
        let classNames = className.trim().split(/\s+/);
        let nodeClass = (node.getAttribute('class') || '').trim();
        let nodeClassNames = nodeClass.split(/\s+/);
        let i = nodeClassNames.length;
        //trim() 呼び出し元の文字列の両端から空白を取り除いた新しい文字列。
        while (i--) {
            // 指定したクラスがあれば削除
            if (~classNames.indexOf(nodeClassNames[i])) {
                nodeClassNames.splice(i, 1);
            }
        }

        node.setAttribute('class', nodeClassNames.join(' '));
    };

 deletElement(node, "className");

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1