Livre
Référence
Tutos
Scripts
Forums
FAQ
Tools
TJS
Référence du JavaScript
HTMLElement
removeChild()
Méthode :
HTMLElement
.
removeChild
()
Retire du DOM l'élément enfant de l'élément parent
Syntaxe
parent.removeChild(HTMLElement enfant)
Compatible tous navigateurs
Oui
Oui
Oui
Oui
Oui
Oui
Oui
Description
Retire du DOM l'élément
enfant
de l'élément
parent
.
La méthode opposée
appendChild()
ajoute un élément
enfant
dans l'élément
parent
.
Equivalent dans d'autres langages
Equivalent en
jQuery
à
$.remove()
:
Retire du contenu d'un élement.
Exemple 1 : appendChild et removeChild
Code source
<div
id=
"myDiv"
>
</div>
<script>
var
div
=
document
.
querySelector
(
"div#myDiv"
);
for
(
var
i
=
1
;
i
<
=
10
;
i
++)
{
var
p
=
document
.
createElement
(
"p"
);
p
.
innerHTML
=
"Paragraphe n°"
+
i
;
div
.
appendChild
(
p
);
}
div
.
removeChild
(
div
.
firstChild
);
div
.
removeChild
(
div
.
lastChild
);
</script>
Résultat
Emulation de la console
Explication
Ajoute 10 paragraphes à
div#myDiv
.
Puis retire le premier et le dernier paragraphe : il ne reste que les paragraphes 2 à 9.
Page en rapport
Introduction au DHTML
Page mise à jour le
04/10/2018
Nouvelle édition Tout JavaScript chez Dunod
En savoir plus
Sortie le 21 octobre
Version papier à 29€90
Format électronique à 22€99.
Commandez en ligne
Dunod
Fnac
Amazon
Chercher une fonction, un objet, ...
Le 27/02/2021 19:41:41 sur php7 en 26.98 ms