Сторінка 26 з 47
Як дізнатися / змінити значення атрибута class елемента (властивість className)?
приклад: . , показує, що елементу span призначено два класи (bigText і greenText).
Зважаючи на вищесказане, не можна використовувати просте присвоювання, типу: elem.className = "greenText", щоб не затерти інші можливі значення, і слід нове значення, додати до вже наявних через пробіл (хоча якщо ви впевнені, що властивість className порожньо, то звичайно ж можна використовувати і просте присвоювання).
Перш ніж виконувати класу і видалення використовується регулярний вираз: / \ bgreenText \ b /, де \ b - це спеціальна конструкція (метасимвол) позначає кордон слова, тобто регулярний вираз шукає рядок greenText. яка є самомтоятельно словом, а не частиною іншого слова (під словом розуміється рядок без роздільників: прогалин, знаків пунктуації тощо). Використання метасимвола \ b тут в самий раз, але є одне АЛЕ, не всі браузери його розуміють (наприклад, Opera 6 і нижче). Тому, якщо потрібна підтримка таких "кривих" і старих браузерів, то слід замінити регулярний вираз "/ \ bімя класу \ b /", на менш витончене "/ (^ |) ім'я класу ($ |) /".
* IE4 +, Gecko, Opera7 +. розуміють \ b як годиться.
Малюнок 1. Приклад з конкретними квітами, обробленими за допомогою VML в Internet Explorer. Малюнок 2. Приклад з конкретними квітами, обробленими за допомогою полотна (canvas) в Firefox. Малюнок 3. Приклад, що демонструє згорнуті і вибрані вузли, оброблені за допомогою VML в Internet Exp.