JavaScript Введение
Эта страница содержит несколько примеров того, что JavaScript может сделать.
JavaScript может изменять содержимое HTML
Одним из многих HTML-методов JavaScript является getElementById ().
В этом примере метод используется для "поиска" HTML-элемента (с идентификатором = "Demo") и изменяет содержимое элемента (InnerHtml) на "Hello JavaScript":
Пример
document.getElementById("demo").innerHTML = "Hello JavaScript";
JavaScript принимает как двойные, так и одинарные кавычки:
Пример
document.getElementById('demo').innerHTML = 'Hello JavaScript';
JavaScript может изменять значения атрибутов HTML
В этом примере JavaScript изменяет значение атрибута src (Source) тега <img>:
Лампочка
JavaScript может изменить HTML стили (CSS)
Изменение стиля элемента HTML является вариантом изменения атрибута HTML:
Пример
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
JavaScript может скрывать элементы HTML
Скрытие элементов HTML может быть выполнено путем изменения стиля отображения:
Пример
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
JavaScript может отображать HTML-элементы
Отображение скрытых элементов HTML также может быть выполнено путем изменения стиля отображения:
Пример
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';