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

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

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

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

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

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

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

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

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

1. Александр

   15.12.2016 в 08:18

   Благодарю Степан за полезные, как всегда, советы !
2. Степан => автор блога

   15.12.2016 в 09:15

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

   15.12.2016 в 20:59

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

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

Нажмите, чтобы отменить ответ.

Имя (required)

Mail (will not be published) (required)

Сайт

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

Метки: javascript, Вебмастеру, для сайта