Введение в JavaScript

Эта глава предоставляет вам несколько примеров, демонстрирующих возможности JavaScript.

JavaScript может изменять содержимое HTML

getElementById() Это один из множества методов JavaScript для работы с HTML.

В этом примере используется этот метод для "поиска" HTML элемента с id="demo", и для изменения его содержимого (innerHTMLИзмените на "Hello JavaScript":

Пример

document.getElementById("demo").innerHTML = "Hello JavaScript";

Попробуйте сами

Совет:JavaScript принимает как двойные, так и одинарные кавычки:

Пример

document.getElementById("demo").innerHTML = 'Hello JavaScript';

Попробуйте сами

JavaScript может изменять атрибуты HTML

Этот пример изменяет <img> тега src атрибут (source) для изменения HTML изображения:

Лампочка


Попробуйте сами

JavaScript может изменить HTML стиль (CSS)

Изменение стиля HTML элемента - это вариация изменения HTML атрибута:

Пример

document.getElementById("demo").style.fontSize = "25px";

Попробуйте сами

JavaScript может скрывать HTML элементы

можно изменить display Стиль для скрытия HTML элемента:

Пример

document.getElementById("demo").style.display="none";

Попробуйте сами

JavaScript может отображать HTML элементы

можно изменить display Стиль для отображения скрытого HTML элемента:

Пример

document.getElementById("demo").style.display="block";

Попробуйте сами

Дополнительное чтение

Дополнительные уроки JavaScript: История JavaScript и Реализация JavaScript