JavaScriptでの隣接要素挿入

Задание 1

要素が与えられています：

html<div id="elem" style="border: 1px solid red;">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

その前に、テキスト '!!!' の段落を挿入してください。

Задание 2

要素が与えられています：

html<div id="elem" style="border: 1px solid red;">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

その後ろに、テキスト '!!!' の段落を挿入してください。

Задание 3

要素が与えられています：

html<div id="elem" style="border: 1px solid red;">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

その最初の子要素として、テキスト '!!!' の段落を挿入してください。

Задание 4

要素が与えられています：

html<div id="elem" style="border: 1px solid red;">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

その最後の子要素として、テキスト '!!!' の段落を挿入してください。