Подскажите с управлением стилями в JS

[Анд555]

Здравствуйте!
Третий день мучаюсь над функцией с CSS из JavaScript. Весь скрипт закончил, осталась только одну строчку, где управление стилями.

Если с jQuery, то этот фрагмент коды выглядит так:

var = x, y, mb, ml;

$('.div').css({'border-bottom-width': x+'px', 'border-left-width': y+'px', 'margin-top': mb+'px', 'margin-left': ml+'px'});

А вот как это правильно на JS написать?
Делаю неправильно:

var = x, y, mb, ml;

document.querySelector('.div').cssText = 'borderBottomWidth: x +\'px\', BorderLeftWidth: y+\'px\', marginTop: mb+\'px\', marginLeft: ml+\'px\' ';

Подскажите пожалуйста, как правильно написать?

[Naive]

.cssText ? Ты где это раскопал? Я впервые вижу.
Нативный JS управляет стилями через стайл,

_element.style.borderBottomWidth = x + 'px';
_element.style.borderLeftWidth = y + 'px';

etc