Chèn các phần tử liền kề trong JavaScript

insertAdjacentElement

Задание 1

Cho phần tử:

html<div id="elem" style="border: 1px solid red;">
  <p>văn bản</p>
  <p>văn bản</p>
  <p>văn bản</p>
</div>

Chèn một đoạn văn với văn bản '!!!' vào trước nó.

Задание 2

Cho phần tử:

html<div id="elem" style="border: 1px solid red;">
  <p>văn bản</p>
  <p>văn bản</p>
  <p>văn bản</p>
</div>

Chèn một đoạn văn với văn bản '!!!' vào sau nó.

Задание 3

Cho phần tử:

html<div id="elem" style="border: 1px solid red;">
  <p>văn bản</p>
  <p>văn bản</p>
  <p>văn bản</p>
</div>

Chèn một đoạn văn với văn bản '!!!' vào đầu nó.

Задание 4

Cho phần tử:

html<div id="elem" style="border: 1px solid red;">
  <p>văn bản</p>
  <p>văn bản</p>
  <p>văn bản</p>
</div>

Chèn một đoạn văn với văn bản '!!!' vào cuối nó.