Javascript задать css-класс при создании

209
10 декабря 2016, 10:28

Здравствуйте, подскажите пожалуйста, как задать 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>
Answer 1

Чтобы установить class, нудно обратиться к свойству className (MDN) элемента.

selector.className = "basic";

Так же есть classList с более мощным функционалом - MDN

Answer 2

Добавление класса для element : element.classList.add('');

В вашем случае так:
selector.classList.add('basic')

READ ALSO
Как зациклить слайды в Swiper Slider

Как зациклить слайды в Swiper Slider

Как сделать, чтобы в слайдере Swiper при прокрутке последнего слайдера снова начиналось все по новой? По дефолту он не дает его прокрутитьВ API не могу...

598
Вывод блока в 30% от ширины странички

Вывод блока в 30% от ширины странички

ЗдравствуйтеХочу сделать на страничке вывод товаров блоками, по три в ряд

175
Зведочный рейтинг на Font-awesome

Зведочный рейтинг на Font-awesome

Есть вот такой плагин под jQuery, взят с Гитхабаон позволяет по $(selector)

224