Форум

gogogo · #1 (**permalink**) 02.01.2015, 13:44

Можно ли средствами js добавлять новый класс в зависимости от значения в контейнере?

Т.е. если значение 20,то на выходе

<div class="one">20</div>

если больше 20,то

<div class="one two">30</div>

Благодарю

Safort · #2 (**permalink**) 02.01.2015, 13:55

Да, можно. Ищи в поиске className и classList.

krutoy · #3 (**permalink**) 02.01.2015, 15:24

<html>
<head>
<style>
.one{background: red}
</style>
</head>
<body>

<div>20</div>
<div>30</div>


<script>

divs=document.querySelectorAll("div")
for(var i=0; i<divs.length; i++) if(divs[i].innerHTML==="20") divs[i].setAttribute("class", "one")

</script>

</body>
</html>

ruslan_mart · #4 (**permalink**) 03.01.2015, 06:32

gogogo, а что эти самые значения изменяет? Вот в том скрипте и надо копать, если значение изменяется на число больше 20, то просто добавляй класс: elem.classList.add('two')

krutoy, i с var, а divs - без, где логика? Да и зачем setAttribute, если есть свойство className?

Форум

Справочник

Discord чат

Курсы javascript