не работает добавление css через js

Нужно сделать так, что бы у эллеиентов добавлялся css когда активен класс на кнопке.

 const button_1 = document.querySelector('a.berocket_lgv_set.berocket_lgv_button.berocket_lgv_button_grid');

const button_2 = document.querySelector('a.berocket_lgv_set.berocket_lgv_button.berocket_lgv_button_list');

const elems_li = document.querySelector('ul.products');

const elems = document.querySelectorAll('ul.products li');

if(button_2.classList.contains('selected')){
    for(var i=0; i<elems_li.length; i++)elems_li[i].style.display = "";
    for(var i=0; i<elems.length; i++)elems[i].style.float = "";
};

как сделать отслеживание через обсервер? либо же можно по другому как то