На Главную

Путаница со свойством className

March 27th, 2007 by Yuriy Drozdov

Сегодня в очередной раз попался на эту “удочку”. Вместо this.className = ‘blabla’; написал this.style.className = ‘blabla’; Причем при вводе в гугле поиска по “style.className” выдается куча “рабочих” примеров.

className - получает и устанавливает значение атрибута “class” выбранного элемента.
Синтаксис и значения:

var cName = elementNodeReference.className;
elementNodeReference.className = cName;

cName - представляет собой строку, содержащую в себе имя класса( или имена классов, разделенные пробелом) данного элемента.

Более подробно об этом свойстве можно прочитать на developer.mozilla.org или на MSDN

Одному элементу можно задать несколько классов, для этого их нужно разделить пробелом.

<p class=”someclass otherclass”>Некоторый текст.</p>

Чтобы задать специфические свойства этому сочетанию классов в стилях зададим такое правило:

p.someclass.otherclass {border: solid 1px #f00}

Подробнее можно узнать в спецификации CSS2 раздел 5.8

Автор: Yuriy Drozdov

Похожие статьи:

  • Нет похожих статей

RSS комментариев | Trackback URI

3 Комментариев

Comment by Efreeti
2007-04-04 21:19:47

Во-первых вам правильно заметили, обычно все пишут не element.style.className a element.class
А во-вторых можно было бы написать, как можно одному элементу установить несколько классов. Тем же новичкам было бы полезно.

Comment by Z-Den Subscribed to comments via email
2008-05-13 13:49:21

element.className=”style1″;
element.className+=” style2″;

Тогда у элемента element будет два класса style1 и style2

 
 
Comment by y.drozdov
2007-04-06 15:24:01

Спасибо за замечания.
По первому, просто зайдите по этой ссылке : сюда
Не наводит ни на какие мысли?
По второму: спасибо, сейчас допишу.

 

Извините, комментарии закрыты.