javascript через классы
Парни подскажите. Есть такой вод код:
<html>
<head>
<style>
.sylka
{
padding-top:10px;
padding-bottom:10px;
}
</style>
</head>
<body>
<a href='' class='sylka'>Подробнее</a>
<a href='' class='sylka'>Подробнее</a>
<a href='' class='sylka'>Подробнее</a>
<a href='' class='sylka'>Подробнее</a>
</body>
</html>
Вобщем мне нужно чтоб у всех ссылок class менялся padding-top:11px; padding-bottom:9px; Все никак не могу разобраться. PS:Не ругаться за тупость. Заранее спасибо ) |
Цитата:
.sylka.on {
padding-top:11px;
padding-bottom:9px;
}
И добавить класс on своим ссылкам... |
Хорошо но мне нужно чтоб изменение происходило при нажатии на одну из ссылок и менялась только та ссылка на которую нажали
|
Цитата:
|
Как вариант...
<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
.sylka {
padding-top:10px;
padding-bottom:10px;
}
.sylka.on {
padding-top:11px;
padding-bottom:9px;
color: green;
}
</style>
<script type='text/javascript'>
$(function (){
$('.sylka').click(function (){
$(this).toggleClass('on');
return false;
});
});
</script>
</head>
<body>
<a href='' class='sylka'>Подробнее</a>
<a href='' class='sylka'>Подробнее</a>
<a href='' class='sylka'>Подробнее</a>
<a href='' class='sylka'>Подробнее</a>
</body>
</html>
</html>
|
Большое спасибо все работает)) большой палец уже поставил) и еще вопросик можно-ли не присваивать новый селектор а изменить паддинг прямо в js например :
document.getElementById("vniz1pxzak").style.paddingTop="11px";
Только сдесь меняется по id а не по классу.ksa, |
Shuryga,
можно. Ты уже почти понял как это делается, только вместо getElementById используй getElementsByClassName, а лучше document.querySelecetor. |
прописываю так:
document.querySelecetor.('vopros-obshii-text').style.paddingTop = '11px';
помимо этого пробовал еще несолькими способами не выходит что не так? |
Загляни в консоль ошибок.
|
Прошу прощения, а это что и где находиться?
|
| Часовой пояс GMT +3, время: 08:29. |