1

Странно, но такой код не работает. Что может быть не так?

var a = document.createElement('div');
a.class = 'ab';
document.body.appendChild(a);
.ab {
  width:10px;  
  height: 10px;
  background: red;
}

2 ответа 2

5

Это не работает, потому что нет свойства class, есть className

var a = document.createElement('div');
a.className = 'ab';
document.body.appendChild(a);
.ab {
  width: 10px;
  height: 10px;
  background: red;
}

4
  • 3
    Или же с помощью свойства classList
    – Deonis
    16 мар 2016 в 20:15
  • @Deonis, да или с помощью него
    – Grundy
    16 мар 2016 в 20:27
  • @Grundy а для onclick в js тоже какое-то свое название?
    – Юрий
    16 мар 2016 в 20:33
  • 1
    @Юрий, нет, для onclick стандартно, плюс события лучше навешивать с помощью addEventListener
    – Grundy
    16 мар 2016 в 20:41
4

На момент создания джаваскрипта ключевые слова не могли использоваться после точки, поэтому вместо class и for были выбраны className и htmlFor. Кстати, недопустимость их использования актуальна для IE8.

Ещё можно использовать classList - это множество классов элемента, которое также предоставляет некоторые методы взаимодействия.

var a = document.createElement('div');
a.className = 'ab';
document.body.appendChild(a);

var b = document.createElement('div');
b.classList.add('bc');
document.body.appendChild(b);
.ab {
  width:10px;  
  height: 10px;
  background: red;
}

.bc {
  width:10px;  
  height: 10px;
  background: green;
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.