การแทรกองค์ประกอบที่ติดกันใน JavaScript

insertAdjacentElement

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

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