Tuesday, July 31, 2012

removeChild()

Metode Node.removeChild() (Core Level 1) menghapus oldChild di dalam daftar children Node ini, dan mengembalikan oldChild.

Sintaks:

Node.removeChild(oldChild)

Parameter oldChild merefensi ke Node di dalam daftar children yang ingin dihapus. Jika Node yang dihapus ternyata tidak ada, null dikembalikan.

Metode Node.removeChild() di dukung oleh mayoritas browser: IE, Opera, Firefox, Google Chrome, dan Safari.

Contoh:

<UL ID="myul"><LI>Mango</LI><LI>Orange</LI></UL> <SCRIPT TYPE="text/javascript"> function foo() { var ulElem = document.getElementById("myul"); ulElem.removeChild(ulElem.firstChild); } </SCRIPT> <BUTTON ONCLICK="foo()">Hapus item di atas</BUTTON>

Coba jalankan demo di bawah ini:

  • Mango
  • Orange
  • Banana
  • Apple