JavaScript может изменить содержимое HTML
Один из многих JavaScript в HTML-код методов getElementById().
В этом примере используется метод "найти" HTML-элемент (с id="demo") и меняет элемент содержание (innerHTML) на "Привет яваскрипт":
Образец
документ.метода getElementById("демо").innerHTML будет = "Привет на JavaScript";Попробуйте сами »
JavaScript принимает как двойные, так и одинарные кавычки:
Образец
документ.метода getElementById("демо").innerHTML будет = 'Привет яваскрипт';Попробуйте сами »
JavaScript может изменить значения атрибутов HTML
В этом примере JavaScript-код изменяет значение src (источник) атрибут <img> тега:
лампочка
ВОТ КОД <!DOCTYPE html>
<html>
<body>
<h2>What Can JavaScript Do?</h2>
<p>JavaScript can change HTML attribute values.</p>
<p>In this case JavaScript changes the value of the src (source) attribute of an image.</p>
<button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the light</button>
<img id="myImage" src="pic_bulboff.gif" style="width:100px">
<button onclick="document.getElementById('myImage').src='pic_bulboff.gif'">Turn off the light</button>
</body>
</html>
JavaScript может изменить стили HTML (CSS)
Изменение стиля элемента HTML, является вариантом изменения HTML атрибут:
Образец
документ.метода getElementById("демо").стиль.свойство FontSize = "35 пикселей";
или
документ.метода getElementById("демо").стиль.свойство FontSize = '35 пикселей';Попробуйте сами »
JavaScript может скрывать элементы HTML
Скрытие HTML-элементы могут быть сделаны путем изменять display стиль:
Образец
документ.метода getElementById("демо").стиль.дисплей = "нет";
или
документ.метода getElementById("демо").стиль.дисплей = 'нет';Попробуйте сами »
JavaScript может показывать элементы HTML
Показывает скрытые элементы HTML можно сделать путем изменения display стиля:
Образец
документ.метода getElementById("демо").стиль.дисплей = "блок";
или
документ.метода getElementById("демо").стиль.дисплей = "блок";