Размещение текста на странице с помощью метода insertAdjacentText

На текущей web-странице Метод insertAdjacentText вставляет текст внутри или рядом с определенным элементом страницы. В нашем примере таким элементом стрницы являются тэги <div>, после которых вставляется текcт с номером item(номер) (нумерация начинается с нуля).

Пример:

Код HTML с использованием JavaScript:

Добавление нового текста:


Нажмите для добавления нового текста

Сюда вставим новый текст:

<a href="#null" id="Link4"
   title="Ссылка" class="ixx"
   onclick="insTxt()">
   Нажмите для добавления нового текста
</a>

<div>Сюда вставим новый текст:</div>

Функция insTxt( ) написана на Java-Script:

var i = 0;
function insTxt(){
  i = i + 1;
  ptxt="<p>Это текст № " + i + ". Он вставлен после нажатия на ссылку";
  document.all.tags("div").item(0).insertAdjacentHTML("AfterEnd", "<br><br>");
  document.all.tags("div").item(0).insertAdjacentText("AfterEnd", ptxt);
}


Внимание!!! Пример корректно работает только в браузере MS Internet Explorer.