Добавление класса ко всем дочерним элементам (на первом уровне иерархии) указанного элемента в JavaScript без jquery

Question

Добавление класса ко всем дочерним элементам (на первом уровне иерархии) указанного элемента в JavaScript без jquery

0

Я хочу изменить это из jquery в javascript: $('#id_of_element').children('div').addClass('some_class');

Пока все, что у меня есть, это (не работает):
document.getElementById('id_of_element').getElementsByTagName('div').addClass('some_class');

Мне нужно изменить весь мой код с jquery на javascript. Есть ли сайт с примерами функций в javascript рядом с jquery? Заранее спасибо за помощь :)

Marek Nijaki 31 дек. 2013, в 12:12

Источник

Теги:

javascript

jquery

html

children

addclass

2 ответа

1

Удалите хэш (#): в javascript вам не нужно использовать # при выборе id.

document.getElementById('id_of_element').getElementsByTagName('div').addClass('some_class');

Bhojendra Nepal 31 дек. 2013, в 09:54

0

удалены все еще не будут работать: /
Marek Nijaki 31 дек. 2013, в 11:08

Ещё вопросы

удалены все еще не будут работать: /

Arun P Johny · Accepted Answer · 2013-12-31T09-13-00.000Z

Пытаться

var el = document.getElementById('elem'),
    //modern browsers IE >= 10
    classList = 'classList' in el;
for (var i = 0; i < el.children.length; i++) {
    var child = el.children[i];
    if (child.tagName == 'DIV') {
        if (classList) {
            child.classList.add('test');
        } else {
            child.className += ' test'
        }
    }
}

Демо: скрипка

Спасибо дружище :) Работает отлично :) Я очень рад за быстрый ответ :)