Как лучше добавить класс элементу?
 

В инете нашел два варианта:

document.getElementById('id').className +=" my-class"
document.getElementById('id').classList.add('class');

Правильно ли я понял, что 2-й вариант работает не на всех браузерах, только на новых, и лучше воспользоваться первым?

а типа в учебник заглянуть - это не по пацански
http://learn.javascript.ru/styles-and-classes#classlist

или глянуть поддержку http://caniuse.com/#search=classlist

newobject,
я новенькая в этом деле но все же)))

я делаю это так
если есть основной блок

$(".osnovnoy-div(название class или id основного дива) div(или за место div любой другой элемент span или что то свое)[id*=id-esli-est'']").addClass('new-name-class').html();

как выглядит это

<div class="osnova-test"><div id="test1"></div></div>
<script>$(".osnova-test div[id*='test1']").addClass('new-names').html();</script>

после как скрипт обработает

<div class="osnova-test"><div id="test1" class="new-names"></div></div>

Строго не судите пожалуйста я только учусь))

рони,
Спасибо огромное за ответ. Я просто думаю: а нахрен нужны эти извраты с эмуляцией и прочим, если первый вариант работает везде и без костылей? Или не везде?

ClassList — удобный интерфейс для работы со списком классов. Например, у тебя никогда не случиться такого:

<span class="hidden hidden">

Добавление класса — пол-дела, при помощи ClassList можно удобно удалять класс, делать toggle и проверять наличие заданного класса. Попробуй написать однострочники для всего указанного и поймешь нахрена оно надо.