Задаем всем тегам на странице определенный класс средствами JavaScript
Допустим у нас есть блок или даже таблица в котором(ой) есть ссылки или картинки, которые в свою очередь выводятся тегом <img> или <a>
И нам нужно задать им всем один класс/css стиль.
Тут нам поможет jаvascript! Маленькая но очень полезная строка.
<script>
$("div.block").find("a").addClass("btn btn-default")
</script>
Теперь давайте разберем эту строку. Постараюсь объяснить простыми словами.
$("div.block").find("a")
- Эта функция скажем так 'выделяет' область в которой следующая функция будет искать нужный нам тег и задавать ему наш css класс, div.block - это название нашего блока, a - это наш тег (<img,br,hr,a,h1...)..addClass("btn btn-default")
- А эта функция уже задает найденным тегам класс. btn btn-default - это наш класс который нужно задать.К чему я опубликовал эту статью?
Все кто пользовался и пользуется движком DLE, знают что в нем есть доп. поля. Так вот мне нужно было всем полям с гиперссылкой задать класс. Ну и так как эти поля и ссылки выводятся движком и в шаблоне их не подправишь, я использовал такой вариант. И теперь все поля с параметром "Использовать значения полей как перекрестные гиперссылки" превращаются в кнопку.
Вот еще один вариант:
;(function () {
var img = document.getElementsByTagName('img');
for (var i=img.length; i--;) {
img[i].className += 'card';
}
})();
Тут уже немного посложней. Мы ищем все теги <img и задаем им класс "card"Подумал что кому-нибудь пригодится, ну и так, для себя решил записать :blush:
Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию.
Это займёт не более минуты. Не волнуйтесь, мы не спамим!
У данной публикации нет комментариев.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Облако тегов
bootstrap Bootstrap CSS CSS3 DLE dle fruit farm html html шаблон html5 HTML5 Payeer PNG PSD wap Wordpress Скрипт удвоителя адаптивный адаптивный шаблон бонусник дизайн игровой хостинг иконки лендинг меню модуль панель портфолио сайт скрипт скрипт фермы текстура удвоитель удвоитель Payeer ферма фон фруктовая ферма хак шаблон экономическая игра
Оцените работу движка