Как кастомизировать текст в JavaScript

Я новичок в JS\CSS\HTML. Написал код, и мне интересно как перенести .block-2 допустим немного правее и как его кастомизировать при JavaScript.

document.querySelector('.block-1').addEventListener('click', function() {
  document.querySelector('.block-2').innerHTML = 'loremispum\nloremispum';
})
<div class="block-1">Купить</div>
<div class="block-2"></div>


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

Автор решения: Evgenii

Вы точно так же можете менять и задавать стили в js как и в css.

const elem = document.querySelector('.block-1')

elem.style – объект, которому соответствует то, что написано в атрибуте "style". Установка стиля elem.style.width="100px" работает так же, как наличие в атрибуте style строки width:100px.

Можно задать сразу несколько стилей одной строкой:

elem.style.cssText=`color: red !important;
    background-color: yellow;
    width: 100px;
    text-align: center;
  `;

https://learn.javascript.ru/styles-and-classes

→ Ссылка