Web Lessons ru
Login
+
JavaScript
JavaScript
Возможности
Нужные скрипты
Методы вызова
Вывод
Методы вывода
Вывод innerHTML
Функции
События
Событие Onclick
Поиск элементов HTML
Ключевые слова
PHP
PHP
Файлы
PHP - Работа с каталогами
Работа с файлами
Строки
Проверки
Регулярные выражения
Массивы
Массивы одномерные
Массивы двухмерные
Миграция PHP5 => PHP7
Массовое обновление
Forms
Функции
Сессии
Картинки
Email
Символическая ссылка
Полезное
Информация
Шифрование
OOP
PDO
jQuery
jQuery
Виджеты
Виджет jQuery tabs
FancyBox
Ajax
Метод jQuery ajax
Метод jQuery .load ()
Метод jQuery AJAX .post ()
Метод jQuery AJAX .get ()
Метод jQuery AJAX .getJSON ()
Синтаксис
Селекторы
Слайдеры
Фото галереи
Модальные окна
Нужные скрипты
MySQL
MySQL
Вывод информации
Зaпросы
Запись новых строк INSERT
Обновление строки UPDATE
Удаление строк DELETE
Количествo строк в таблице
Перечень таблиц в БД
Удаление дубликатов строк
CSS
CSS
Основные элементы
Цвета / color
Фоны background
Границы border
Поля margin
Отступы padding
Ширина / width
Высота / height
Шрифт / font
Текст / text
Списки / list
Отображение / display
Позиция / position
Обтекание / float
Перекрытие / z-index
Переполнение / overflow
Выравнивание / align
Комбинаторы
HTML
HTML
Python
Python
Java
Java
Adaptive web design
Adaptive web design
Django
Django
Bootstrap
Bootstrap
C++
C++
C#
C#
C
C
SEO
SEO
Graphics
Graphics
Sites
Sites
Parsing
Parsing
Google Drive
Google Drive
Telegram
Telegram
Youtube
Youtube
Встраивание видео с YouTube
Linux Ubuntu
Linux Ubuntu
Установка Linux
b
b
d
d
e
e
Массовое обновление
Встраивание видео с YouTube
Главная
/ JavaScript
/ Возможности
/
JavaScript /
JavaScript - пример изменить стиль CSS
Введено
<hr> <xmp><h3>What Can JavaScript Do?</h3> <div id="demo">Click the button to change the color of this paragraph.</div> <button onclick="myFunction()">Try it</button> <script> function myFunction() { var x = document.getElementById("demo"); x.style.color = "#f00"; x.style.fontSize = "18px"; } </script> </xmp><h3>What Can JavaScript Do?</h3> <div id="demo">Click the button to change the color of this paragraph.</div> <button onclick="myFunction()">Try it</button><script> function myFunction() { var x = document.getElementById("demo"); x.style.color = "#f00"; x.style.fontSize = "18px"; } </script> <hr> <xmp><h3 id="id1">My Heading 1</h3> <button type="button" onclick="document.getElementById('id1').style.color = 'red'">Click Me!</button> </xmp><h3 id="id1">My Heading 1</h3> <button type="button" onclick="document.getElementById('id1').style.color = 'red'">Click Me!</button> <hr>
Отправить
Обновить
