kembali ke pelajaran

Menyisipkan HTML ke dalam daftar

Tulis kode untuk menyisipkan <li>2</li><li>3</li> antara dua <li> di sini:

<ul id="ul">
  <li id="one">1</li>
  <!-- Menyisipkan `<li>2</li><li>3</li>` di sini -->
  <li id="two">4</li>
</ul>

Ketika kita perlu menyisipkan sebagian HTML di suatu tempat, insertAdjacentHTML adalah pilihan terbaik.

Solusi:

one.insertAdjacentHTML("afterend", "<li>2</li><li>3</li>");