Kaedah removeChild

Kaedah removeChild membolehkan pemadaman elemen. Digunakan pada elemen induk dengan menyatakan elemen yang perlu dipadam.

Sintaks

javascriptinduk.removeChild(elemen);

Contoh

Mari padamkan perenggan #elem. Untuk ini dapatkan induknya #parent dan kaedah removeChild gunakan pada induk yang diperoleh, dan parameter kaedah berikan elemen yang ingin dipadam:

html<div id="parent">
  <p id="elem">elem 1</p>
  <p>elem 2</p>
</div>

javascriptlet parent = document.querySelector('#parent');
let elem = document.querySelector('#elem');

parent.removeChild(elem);

Keputusan pelaksanaan kod:

html<div id="parent">
  <p>elem 2</p>
</div>

Contoh

Jika perlu memadam elemen, tetapi rujukan kepada induknya tiada, - induk boleh diperoleh melalui parentElement:

html<div>
  <p id="elem">elem 1</p>
  <p>elem 2</p>
</div>

javascriptlet elem = document.querySelector('#elem');
elem.parentElement.removeChild(elem);

Keputusan pelaksanaan kod:

html<div id="parent">
  <p>elem 2</p>
</div>

Lihat juga