Здравствуйте, подскажите пожалуйста, как задать css-класс компоненту при его создании динамически. Кусок кода:
tmode = document.createElement('td');
tmode.setAttribute('id', "td_0" + t_index);
selector = document.createElement('select');
selector.setAttribute('id', "tmode" + t_index);
tmode.appendChild(selector);
for (i=0; i<3; i++) { // Добавляем итемы в selector
items = document.createElement('option');
items.innerHTML = tmode_values[i];
selector.appendChild(items);
}
tmode.appendChild(selector);
Вот что хочу получить:
<select class="basic" id='tmode1'>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
Чтобы установить class, нудно обратиться к свойству className
(MDN) элемента.
selector.className = "basic";
Так же есть classList
с более мощным функционалом - MDN
Добавление класса для element
: element.classList.add('');
В вашем случае так:
selector.classList.add('basic')
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Как сделать, чтобы в слайдере Swiper при прокрутке последнего слайдера снова начиналось все по новой? По дефолту он не дает его прокрутитьВ API не могу...
ЗдравствуйтеХочу сделать на страничке вывод товаров блоками, по три в ряд
Есть вот такой плагин под jQuery, взят с Гитхабаон позволяет по $(selector)