CSS
JavaScript
style

jsでstyleをまとめてセットする(jqueryのcss()風に)

More than 1 year has passed since last update.

コメント頂いた、Object.assign()メソッド利用した書き方が凄くシンプルです!

jqueryと違ってベンダープレフィックスつかないので、

そこらへんが問題ないケースでのみ使用しています。

// function

const css = (elements, object) => {
for (let i = 0; i < elements.length; i++) {
for (let value in object) {
elements[i].style[value] = object[value];
}
}
}

// 使い方
const target = document.querySelectorAll('.target');

css(target, {
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
width: '100px',
height: '100px',
backgroundColor: 'hsla(50, 100%, 50%, 1)'
});


codepenサンプル