Как можно присвоить Object к element.style?

Рейтинг: 0Ответов: 2Опубликовано: 19.08.2023

Я знаю два способа изменить element style первый не морочить голову и просто писать все стили через string. Второй способ это использовать функцию Object.assign(element.style, переменная типа object). Но мне стало интересно какие есть ещё способы изменить element.style с помощью object переменной? Не рабочий пример:

element.style = {
  color : "red",
  border : "1px solid red",
  width : "50px",
  height : "50px"
}
javascript
Источник: Stack Overflow на русском

Ответы

▲ 0Принят

Можно так сделать

const obj = {
  color : "red",
  border : "1px solid red",
  width : "50px",
  height : "50px"
}

Object.entries(obj).forEach(([key, value]) => {
   element.style[key] = value;
})
▲ 0
const el = document.querySelector('div');

  Object.assign(el.style, {
    color : "red",
    border : "1px solid red",
    width : "50px",
    height : "50px"
  });