การแทรกองค์ประกอบที่ติดกันใน 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>

แทรกย่อหน้าด้วยข้อความ '!!!' ไว้ที่จุดสิ้นสุดขององค์ประกอบนี้