Наша группа в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov

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

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

Текст1

Текст2

Текст3

Текст4

Исходный код этого примера:
<H2>Различия свойств innerText, innerHTML, outerText, outerHTML</H2>
<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>