Добавить css класс
Можно ли средствами js добавлять новый класс в зависимости от значения в контейнере?
Т.е. если значение 20,то на выходе <div class="one">20</div> если больше 20,то <div class="one two">30</div> Благодарю |
Да, можно. Ищи в поиске className и classList.
|
<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>
|
gogogo, а что эти самые значения изменяет? Вот в том скрипте и надо копать, если значение изменяется на число больше 20, то просто добавляй класс: elem.classList.add('two')
krutoy, i с var, а divs - без, где логика? Да и зачем setAttribute, если есть свойство className? |
| Часовой пояс GMT +3, время: 20:32. |