innerHTML

Свойство DOM innerHTML

Урок №5
Свойство innerHTML

В этом уроке, мы рассмотрим свойство DOM — innerHTML, которое позволяет изменять или добавлять текстовую информацию в элемент.

Вспомним наш скрипт из первого урока:

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

В конце строки кода, вместо style.fontSize="25px", разместим innerHTML="Текст изменён!"

<script>
 function getChangeEl() {
  document.getElementById("changeEl").innerHTML="Текст изменён!";
 }
</script>

<div id="changeEl">
 Изменяем текст элемента на лету, нажав на кнопку!</div>

<input type="button" value="Кнопка" onclick="getChangeEl()" />

Смотреть работу скрипта.

Вместе с текстовой информацией можно использовать и HTML-теги, пример:

document.getElementById("changeEl").innerHTML="<em>Текст</em> изменён!";

Читать далее: События DOM

• Category: Разное