JavaScriptでの隣接要素挿入

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

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

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

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

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

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

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

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

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

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

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

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