자바스크립트에서의 인접 요소 삽입

Задание 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>

그 요소의 끝 부분에 텍스트가 '!!!'인 단락을 삽입하세요.