Метод removeChild

removeChild методу элементти жок кылууга мүмкүндүк берет. Ата-эне элементине колдонулат жок кылынуучу элементти көрсөтүү менен.

Синтаксис

javascriptата-эне.removeChild(элемент);

Мисал

Келгиле, абзацты #elem жок кылалы. Бул үчүн анын ата-энесин #parent алабыз жана removeChild методу алынган ата-энеге колдонулат, методдун параметри катары жок кылууну каалаган элементти өткөрөбүз:

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);

Кодду иштетүүнүн натыйжасы:

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

Мисал

Эгер элементти жок кылуу керек болсо, бирок ага ата-энеге шилтеме жок болсо, - ата-энесин parentElement аркылуу алууга болот:

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

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

Кодду иштетүүнүн натыйжасы:

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

Дагы караңыз