Программирование - это просто
Advertisement
Главная arrow C#, Delphi, VB, F#, Web и пр. arrow Web-программирование arrow Уроки Java Script arrow WEB-программирование. Java Script(JS): Работа с CSS.
25.04.2019 г.
Главное меню
Главная
Системный подход
Интернет магазин
Биржевые роботы
Программные продукты
Математика и информатика
1С:Предприятие
C#, Delphi, VB, F#, Web и пр.
Искусственный интеллект
Услуги
Ча. Во. (FAQ)
Платный раздел
Наука для чайников
Разное
Размышления
Карта сайта
Друзья сайта
Excel-это не сложно
Все о финансах
WEB-программирование. Java Script(JS): Работа с CSS. Печать E-mail
Автор megabax   
18.03.2019 г.
Урок 13. Управление шрифтами в CSS New Page 1

WEB-программирование. Java Script(JS): Работа с CSS.

Как работать с CSS (каскадными таблицами стилей) "вручную" вы может почитать в цикле уроков уроки CSS и уроки CSS (платный раздел). А сейчас мы будет разбирать, как работать с каскадными таблица через JaveScript. Для этого можно обращаться к свойству style. Кстати, на прошлом уроке мы уже это делали, когда создавали динамическую форму.

Итак, рассмотрим пример:

<html>

    <head>

        <meta charset="UTF-8">

        <title>Урок 131. Java Script (JS): Изменение стилей форматирования</title> 

        <STYLE type="text/css">

            div

            {

                background-color:black;

                color:white;

                with:200px;

                text-align:center;

            }

        </STYLE>

        <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

            function over(elem)

            {

                elem.style.backgroundColor='red';

            }

           

            function out(elem)

            {

                elem.style.backgroundColor='';

            }             

        </SCRIPT>

    </head>

    <body>

        <div OnMouseOver="over(this)" OnMouseOut="out(this)">

            Некий текст

        </div>

    </body>

</html>

 

Данная программа отобразит надпись, при наведении на которую мышкой она становится красная:

WEB-программирование. Java Script(JS): Работа с CSS.

 

Имена большинства полей в style совпадает с их аналогами в CSS, но бывает, когда в именах CSS есть символ "-", а он не допустим для идентификаторов JavaScript. Поэтому он опускается а следующая буква после нее - заглавная. Именно таким образом background-color преобразовывается в backgroundColor. Стоить заметить, что если свойства стиля заданы через тэги LINK или STYLE, в свойстве style они будут иметь пустые значения. Присвоение полю пустого значение означает что они будут браться из значений, заданных тегом LINK или STYLE. Другое дело, как узнать, а какое же значение свойства задано. Это уже зависит от используемого браузера.  Например, Internet Explorer это можно сделать через свойство currentStyle, в браузреах Mozilla и Opera - метод getComputedStyle объекта windows. На следующем уроке я вам это продемонстрирую. 

Кстати, насчет браузера. Очень часто бывает, что один и тот же скрипт в одних браузерах работает, а в других  - нет. поэтому надо проверять в разных браузерах. Например, данный скрипт работает в браузере Microsoft Edge, Internet Explorer, Chrome. 

 

 

Последнее обновление ( 18.03.2019 г. )
 
Пред. »
 
© 2019 Программирование - это просто
Joomla! - свободное программное обеспечение, распространяемое по лицензии GNU/GPL.
Русская локализация © 2005-2008 Joom.Ru - Русский Дом Joomla!
Design by Mamboteam.com | Powered by Mambobanner.de
Я принимаю Яндекс.Деньги
Мы принимаем
Банковские карты
Оплатите покупку в интернет-магазине банковскими картами VISA и Mastercard любого банка.
узнать больше
Электронный кошелек
Моментальная оплата покупок с помощью вашего электронного кошелька RBK Money.
узнать больше
Банковский платеж
Оплатите покупку в любом российском банке. Срок зачисления средств на счет - 3-5 рабочих дней.
узнать больше
Денежные переводы
Оплата покупок через крупнейшие системы денежных переводов CONTACT и Unistream.
узнать больше
Почтовые переводы
Оплатите покупку в любом отделении Почты России. Срок зачисления платежа - 3-4 рабочих дня.
узнать больше
Платежные терминалы
Оплата покупок в терминалах крупнейших платежных систем в любом городе России - быстро и без комиссии.
узнать больше