BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Вебмастеру » Перехват класса на JavaScript

Перехват класса на JavaScript

2016-12-14 / Вр:15:27 / просмотров: 311

Всем привет!
Решил быстренько написать одну коротенькую статейку, в которой я расскажу, как перехватить CSS класс на сайте, используя JavaScript.
Это может пригодиться, если вы не можете в коде (особенно в движках CMS) найти, где выводится CSS класс. Поэтому, если он портит всю картину и верстку сайта и его нужно убрать, то можно воспользоваться маленькой хитростью.  В идеале нужно найти этот класс в коде и удалить, но мы не идеальны, так что переходим к хитрости.

Например, в исходном коде, мы видим, что к картинке прилепляется дополнительно «images». Вот его то и нужно убрать или заменить:

<img src="kartinka.jpg" class="images">

Перехват класса на JavaScript

Для замены класса достаточно в самом конце кода (где футер) вставить вот такой код:

 

<script>
document.getElementsByClassName('images')[0].className='newimages';
</script>

Произошла замена класса «images» на класс «newimages»

Перехват класса на JavaScript

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

3 Ответов на комментарий - Перехват класса на JavaScript

  1. Александр

    Благодарю Степан за полезные, как всегда, советы ! :arrow:

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Пожалуйста, Александр!

    Ответить

  2. Кирилл

    оооооо да, это замечательная функция! Пользовался ей, когда внедрял микроразметку в свою тему. В частности оборачивал изображения

    Ответить

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Subscribe without commenting

Метки: , ,

Мои цели на 2017 год:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Довести количество статей до 750

4). Создать портфолио и мини интернет-магазин шаблонов

5). Создать книгу

6). Довести количество статей до 800

7). Добиться посещаемости 3000 человек/сутки

8). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 734
Количество страниц на блоге: 20
Количество рубрик на блоге: 27
Количество меток на блоге: 71
Количество комментариев на блоге: 4010