Доступ к селекторам
Существует ли в чистом javascript простой способ изменения стилей всех однотипных элементов на странице?
Например, можно ли как-то просто и без цикла установить новое значение параметра color для селектора а, чтобы все ссылки, например, стали красными.
<style>
a {color: green}
</style>
<a href="#">link 1</a><br>
<a href="#">link 2</a><br>
<a href="#">link 3</a>
Пока на ум приходит только это, но похоже на извращение.
<style id="style">
a {color: green}
</style>
<input id="inp" type="button" value="click"><br>
<a href="#">link 1</a><br>
<a href="#">link 2</a><br>
<a href="#">link 3</a>
<script>
inp.onclick = function () {
style.innerHTML='a {color: red}'
}
</script>
|
<style>
a {color: green}
.red a {color: red;}
</style>
<input onclick="document.body.className = 'red';" type="button" value="click"><br>
<a href="#">link 1</a><br>
<a href="#">link 2</a><br>
<a href="#">link 3</a>
|
Kolyaj, спасибо, не встречал такой конструкции, чтобы класс был в контексте с элементом.
|
Цитата:
Затем перепарсить элемент с id=bes |
Цитата:
|
bes, Наверно так:
<a href="#">link 1</a><br>
<a href="#">link 2</a><br>
<a href="#">link 3</a>
<style id="bes">a{color:red}</style>
<script>
document.getElementById('bes').innerHTML="a{color:green}";
</script>
|
|
bes,
Цитата:
Ну на нет и суда нет |
Цитата:
Я в исходном посте привёл вариант решения, а вы мне его же советуете, это как по-вашему нормально?? |
Цитата:
Ксать нормальное стабильное решение... смена мини стилей на сайтах Укоз и форумах mybb - "День/Ночь" - именно на такой фиче реализована, работает уже пару лет |
| Часовой пояс GMT +3, время: 23:41. |