Добавление класса в DIV с помощью javascript Пример HTML: <div id="foo" class="class_one"></div> Как добавить класс class_two без замены class_one? конечный результат: <div id="foo" class="class_one class_two"></div> Ответ 1 Стандартный javascript: document.getElementById('foo').className += ' class_two' или JQuery: $('#foo').addClass('class_two'); Ответ 2 Вы можете использовать jQuery. $('#YourElement').addClass('YourClass'); //add $('#YourElement').removeClass('YourClass'); //remove $('#YourElement').toggleClass('YourClass'); //toggle Или Javascript, если хотите. document.getElementById('id').classList.add('YourClass'); //add document.getElementById('id').classList.remove('YourClass'); //remove Ответ 3 Отметьте этот, чтобы добавить класс: document.getElementById('foo').classList.add("class_two"); Я считаю, что это лучшее решение. Ответ 4 Вы можете сделать жизнь проще с помощью нескольких вспомогательных функций: function addClass(el, className) { var classes = el.className.match(/\S+/g) || []; if (!hasClass(el, className)) { classes.push(className); } el.className = classes.join(' '); } function hasClass(el, className) { var re = new RegExp('(^|\\s+)' + className + '(\\s+|$)'); return re.test(el.className); } addClass(document.getElementById('foo'), 'bar')
Ответ 1 Стандартный javascript: document.getElementById('foo').className += ' class_two' или JQuery: $('#foo').addClass('class_two');
Ответ 2 Вы можете использовать jQuery. $('#YourElement').addClass('YourClass'); //add $('#YourElement').removeClass('YourClass'); //remove $('#YourElement').toggleClass('YourClass'); //toggle Или Javascript, если хотите. document.getElementById('id').classList.add('YourClass'); //add document.getElementById('id').classList.remove('YourClass'); //remove
Ответ 3 Отметьте этот, чтобы добавить класс: document.getElementById('foo').classList.add("class_two"); Я считаю, что это лучшее решение.
Ответ 4 Вы можете сделать жизнь проще с помощью нескольких вспомогательных функций: function addClass(el, className) { var classes = el.className.match(/\S+/g) || []; if (!hasClass(el, className)) { classes.push(className); } el.className = classes.join(' '); } function hasClass(el, className) { var re = new RegExp('(^|\\s+)' + className + '(\\s+|$)'); return re.test(el.className); } addClass(document.getElementById('foo'), 'bar')