Позиционирование элементов с помощью метода insertAdjacentHTML

В текущем документе (document) из общей коллекции всех тэгов (all) выбираются тэги <p> и <а> (tags("p"), tags("a")) и перед (или после) элемента (в нашем примере тэгов <p> и <a>) с номером item(номер) (нумерация начинается с нуля) вставляется текcт и код HTML (insertAdjacentHTML).

Пример:

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

Добавление нового HTML элемента:


Нажмите для добавления нового параграфа

Первый параграф


Второй параграф

 <a href="#null" id="Link3"
   title="Ссылка" class="ixx"
   onclick="fClick()">
   Нажмите для добавления нового параграфа
</a>
<p>Первый параграф</p>
<p>Второй параграф</p>

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

var i=2;
function fClick(){
  i=i+1;
  ptxt="<p>Вот вам "+i+"-й параграф</p>";
  document.all.tags("p").item(i).insertAdjacentHTML("BeforeBegin",
    ptxt);
  document.all.tags("p").item(i).insertAdjacentHTML("AfterEnd",
    "<a HREF=#null TITLE=Новая ссылка  onClick=fClick()>
    ... и новая ссылка</a>");
  document.all.tags("a").item(i-2).insertAdjacentHTML("AfterEnd",
    "<br>" );
}


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