Как изменить с помощью .style несколько параметров?

Question

document.getElementById("simple").style = "background-color: #000";

Как таким образом изменить несколько параметров style?
При создании таких же строк выполняется только последняя, игнорируются все предыдущие.

Answer 1

Можно установить стили так:

document.getElementById("simple").style.cssText = `
  display: block; 
  position: absolute;
`;

или в одну строку

document.getElementById("simple").style.cssText = "display: block; position: absolute";

и

let styles = `
    font-size:15em;
    color:red;
    transform:rotate(20deg)`

document.getElementById("simple").style = styles;

тоже получится.

Но рекомендую никогда так не делать. Задавать стили исключительно в CSS, а в JS только оперировать добавлением/удалением классов/идентификаторов этих самых стилей

БЛОГ НА HUSL

Как изменить с помощью .style несколько параметров?

Ответы (1 шт):