Подменить контент при помощи js

86
09 апреля 2022, 01:10

Всем привет, есть код html:

<div class="cat_service">Наименование:
<span>Доски</span>  <span>Стулья и столы</span> 
</div>

Можно ли подменить контент вместе со span, именно с <span>Доски</span> на <span class="doski">Доски</span>, а если будет <span>Стулья и столы</span> на <span class="stulya_i_stoly">Стулья и столы</span>?

Answer 1

    window.onload = function () { 
        var spans = document.getElementsByTagName('span'); 
        for(let i=0;i<spans.length;i++){ 
            if (spans[i].innerHTML == "Доски"){ 
                spans[i].classList.add('doski'); 
            } else if (spans[i].innerHTML == "Стулья и столы") { 
                spans[i].classList.add('stulya_i_stoly'); 
            } 
        } 
    }
<style> 
    .doski{ 
        color: #b61924; 
    } 
    .stulya_i_stoly{ 
        color: blue; 
    } 
</style> 
 
<div class="cat_service">Наименование: 
    <span>Доски</span>  <span>Стулья и столы</span> 
</div>

READ ALSO
Как объединить два массива (дерево)?

Как объединить два массива (дерево)?

У менять есть два древовидных массива и я хочу их объединить

100
Chrome Extension. Закрыть вкладку по таймеру

Chrome Extension. Закрыть вкладку по таймеру

Подскажите пожалуйста новичкуЕсть кнопка, по нажатию на неё происходит переход на страницу

120