Обновить элемент сетки-строки

Question

Можно ли изменить значение элемента в классе с помощью JavaScript?

    .poTomorrow{
 grid-row: 3/span 2;
 grid-column: 6/span 1;
 }

Например, смогу ли я изменить значение строки сетки на 4 / span 4, используя javascript?

Answer 1

Это то, что вы хотите?

    let $elem = $('.poTomorrow');
    console.log('grid-row', $elem.css('grid-row'));
    $elem.css('grid-row', '4/span 4');
    console.log('grid-row', $elem.css('grid-row'));

        .poTomorrow {
            grid-row: 3/span 2;
            grid-column: 6/span 1;
        }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="poTomorrow">poTomorrow</p>

Answer 2

Нет, это не так, но вы можете изменить класс элементов HTML или напрямую добавить к нему встроенный стиль.