Свойство innerHTML позволяет получить и изменить текст элемента.

См. также этот и этот уроки из учебника JavaScript для более полного понимания.

Синтаксис

элемент.innerHTML

Примеры

Пример

В данном примере у нас есть абзац. Давайте выведем его текст с помощью свойства innerHTML.

Для этого получим ссылку на этот абзац с помощью getElementById в переменную elem. Затем таким образом - elem.innerHTML - получим доступ к его тексту и выведем его на экран:

<p id="elem">Текст абзаца.</p>
var elem = document.getElementById('elem');
document.write(elem.innerHTML);

Результат выполнения кода:

Текст абзаца.

Пример

Можно не только считывать текст, но и записывать новый:

<p id="elem">Текст абзаца.</p>
var elem = document.getElementById('elem');
elem.innerHTML = '!!!';

HTML код станет выглядеть так:

<p id="elem">!!!</p>

Пример

Можно записывать не только текст, но и теги и они будут работать (в нашем случае текст станет жирным):

<p id="elem">Текст абзаца.</p>
var elem = document.getElementById('elem');
elem.innerHTML = '<b>!!!</b>';

HTML код станет выглядеть так:

<p id="test"><b>!!!</b></p>