Переменная в виде свойства js

Question

Появилась необходимость менять некоторые типы свойства style

var elem = document.getElementById('test');
var type = top;
elem.style.type = 100+'px';

Не могу понять, как подобное реализовать что-бы работало

Answer 1

var elem = document.getElementById('test');
var type = 'top';
elem.style[type] = 100 + 'px';

Answer 2

Вот так. Подробнее про квадратные скобки

const element = document.querySelector('.element')
let type = 'top';
element.style[type] = `${100}px`
type = 'left'
element.style[type] = `${100}px`

.element {
  position: absolute;
  border: 1px solid blue;
  width: 100px;
  height: 100px;
}

<div class="element"></div>