Можно ли как-нибудь подключить к существующему классу другой класс?

Question

[RushV]

Здравствуйте!
На сайте подключен Дискус комментарии.
Можно ли прописать через скрипт подключить к классу другой класс, на пример вот так:

Answer 1

[Lander]

$("ul.dsq-widget-list li.dsq-widget-item").addClass("new-css-class-name");

Comments

[RushV]

А куда его добавить тут?
/* get frame block */
var commentBlock = document.getElementsByClassName("dsq-widget-item");
var commentBlock = document.getElementById("recentcomments");
/* link contains in tag 'p', find it all */
var pTags = commentBlock.getElementsByTagName("p");
/* if tag have class 'dsq-widget-meta' - delete it */
for (i=0; i

[Lander]

RushV: Я привел jQuery-код. А Вы пользуетесь нативным JS. По идее надо писать где то в обработчике document.onReady

[RushV]

Я в этом бум бум, в этом коде который я привёл куда прописать, или написать новый код?

[Lander]

document.getElementsByClassName("dsq-widget-item").forEach(function(element, index) {
element.className += " new-css-class-name";
});
Не проверял, но должно работать...

[RushV]

Что то не получается может не туда прописываю(
Вот скрин:
joxi.ru/gmvq6WkuxJzEyr

[RushV]

Посмотрите скрин почему не выстраиваються в ряд joxi.ru/VrwqWd1uKJzQM2

[Lander]

RushV: Во первых: В коде пропущен пробел перед именем класса " col-md-6". Во вторых: не очень хорошо знаком с бутстрапом. Есть где в инете глянуть?

[Lander]

Lander: Глянуть сайт на котором вы всё это пытаетесь сделать, а не инфу по бутстрапу :)

[RushV]

prostocto.ru

[RushV]

Нашёл причину, там мешает один параметр вот скрин joxi.ru/L210poMs6ZJ1Km
Я прописываю стиль но не действует(

[Lander]

document.getElementsByClassName("dsq-widget-item").forEach(function(element, index) {
element.className += " new-css-class-name";
delete element.style.clear;
});
Как то так... опять де. Не проверял

[RushV]

Не не работает(
А как сделать для всех элементов li отменить clear ?
Array.prototype.forEach.call(document.getElementsByClassName('dsq-widget-list'), function(node) {
node.classList.add('row');
});

Array.prototype.forEach.call(document.getElementsByClassName('dsq-widget-item'), function(node) {
node.classList.add('col-md-6');
});

[RushV]

Все друзья я сделал, большое вам Спасибо! )
Если бы не вы дело было бы плохо!

Answer 2

[Дмитрий Беляев]

Вот пример, который всем элементам с классом dsq-widget-item добавит класс some-class

Array.prototype.forEach.call(document.getElementsByClassName('dsq-widget-item'), function(node) {
    node.classList.add('some-class');
});

Comments

[RushV]

Ну так всё получилось, но эффекта который я хотел нет(
Я хотел , что бы комментарии выстроились в ряд
может я не так делаю

• - я прописал класс row
  - я прописал col-md-6
  
  

Но вряд не выстроились, может обернуть как то эти теги li
эх блин я тупике(

[Дмитрий Беляев]

RushV: хм... codepen.io/bingo347/pen/RapEar
а бутстрап подключен?

[RushV]

Дмитрий Беляев: да

Answer 3

[Евгений]

А в чем проблема просто добавить еще один класс через пробел?