Современные JavaScript библиотеки позволяют...

Современные JavaScript библиотеки позволяют кардинально изменять внешний вид страницы с помощью буквально нескольких строчек кода. В этой статье я покажу как с помощью библиотеки Prototype можно изменить стили практически любого набора элементов на html странице. О библиотеках Prototype и Scriptaculous я уже писал в предыдущих статьях. Поэтому сейчас я не буду рассказывать о том, какая это хорошая библиотека , а сразу перейду к примеру. Допустим, у нас есть страница с текстом. Некоторые слова в этом тексте выделены с помощью тега (или какого-нибудь другого, неважно). Напомню, что большинство браузеров выделяет текст, заключенный в этот тег, курсивом. Мы же напишем функцию, которая будет выделять текст внутри всех тегов жирным курсивом.

Функция будет вызываться при нажатии на ссылку «Изменить стиль всех элементов ». Повторное нажатие на эту ссылку вернет текст в исходное состояние. Итак, разметка нашей страницы:

Понравилась статья? Получай обновления и будь всегда в курсе событий!
Подпишись на RSS или
blog comments powered by Disqus