-1

Привет, ХэшКодовцы.

Подскажите методы для добавления и удаления class'а элементу с помощью js без всяких сторонних библиотек?

6
  • 3
    по-моему так, но могу ошибаться: var el = document.getElementById('id') el.className += ' className'; ещё есть вариант использовать element.classList
    – Spectre
    7 сен 2012 в 14:24
  • @Spectre, это я знаю. Меня интересует нормальное добавление/удаление классов с помощью встроенных методов.
    – LightShock
    7 сен 2012 в 14:27
  • Это оно и есть, если нужна кроссбраузерность
    – user3545
    7 сен 2012 в 14:41
  • можно еще на jquery $('selecter').addClass('class'); $('selecter').removeClass('class'); 7 сен 2012 в 15:46
  • 3
    ваш вариант особенно хорошо подходит под предложение: >без всяких сторонних библиотек?
    – Spectre
    7 сен 2012 в 15:59

1 ответ 1

3

Следующие две функции добавляют и удаляют класс DOM элемента.

function addClass(o, c){
    var re = new RegExp("(^|\\s)" + c + "(\\s|$)", "g")
    if (re.test(o.className)) return
    o.className = (o.className + " " + c).replace(/\s+/g, " ").replace(/(^ | $)/g, "")
}

function removeClass(o, c){
    var re = new RegExp("(^|\\s)" + c + "(\\s|$)", "g")
    o.className = o.className.replace(re, "$1").replace(/\s+/g, " ").replace(/(^ | $)/g, "")
}

Ваш ответ

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

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