Suppression d'éléments en JavaScript
Apprenons maintenant à supprimer des éléments.
Pour cela, il faut utiliser
la méthode remove. Regardons
sur un exemple comment cela se fait.
Supposons que nous ayons des paragraphes :
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>
Faisons en sorte que n'importe quel paragraphe soit supprimé lors d'un clic dessus :
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
elem.remove();
});
}
Voici le code suivant :
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
Faites en sorte que n'importe quel élément li soit supprimé
lors d'un clic dessus.
Voici le code suivant :
<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<input type="submit" id="button">
Faites en sorte qu'à chaque clic sur le bouton
le dernier élément de #parent soit supprimé.
