Различия свойств innerText, innerHTML, outerText, outerHTML

Для изменения текстов щелкните по ним мышкой.

Текст1

Текст2

Текст3

Текст4

Исходный код этого примера:

<p>Для изменения текстов щелкните по ним мышкой.</p>
<h2 onmousedown="this.innerText='Так работает <em>innerText</em>'">Текст1</h2>
<h2 onmousedown="this.innerHTML='Так работает <em>innerHTML</em>'">Текст2</h2>
<h2 onmousedown="this.outerText='Так работает <em>outerText</em>'">Текст3</h2>
<h2 onmousedown="this.outerHTML='<p>Так работает <em>outerHTML</em>'">Текст4</h2>