การแทรกองค์ประกอบก่อนองค์ประกอบอื่นด้วย JavaScript
กำหนดองค์ประกอบ #elem:
<ul id="parent">
<li>text</li>
<li>text</li>
<li id="elem">text</li>
<li>text</li>
<li>text</li>
</ul>
แทรกองค์ประกอบที่มีข้อความ
'new' ก่อนองค์ประกอบนี้
ปรับเปลี่ยนโจทย์ก่อนหน้า เพื่อให้
การคลิกที่องค์ประกอบที่แทรกเข้าไป ส่งผลให้
มีการเพิ่มข้อความ
'!' ต่อท้ายข้อความขององค์ประกอบนั้น