Comment faire pour supprimer un élément avec JavaScript

Créer votre page Web contenant l'élément que vous souhaitez supprimer . Entrez le code suivant dans un nouveau fichier dans un éditeur de texte et enregistrez-le . " HTML" que le fichier id = " remove " onclick = " removeElem ( this.id ) " > Supprimer Me < /div> Photos

Photos

Photos

Il s'agit d'un exemple simple page pour démontrer le principe de la suppression d'un élément HTML, si la page ne ​​contient que l'élément à supprimer. L'élément a été assignée une fonction " onclick " , ce qui signifie que lorsque l'utilisateur clique dessus , une fonction JavaScript sera appelée et l'attribut "id" de l'élément passé .
2

Créer votre fonction JavaScript. Entrer dans une zone de code dans la section head de votre page, entre l'ouverture et la fermeture des balises de tête :

Photos

Cela représente la fonction appelée lorsque vous cliquez sur l'élément de la page. Notez que le nom de la fonction correspond à la fonction de l'élément " onclick " . Le paramètre « divisant » représente la valeur de l' identifiant passé lorsque l'élément est cliqué.
3

Situer l'élément étant cliqué. Ajoutez les lignes suivantes au sein de votre fonction JavaScript, entre l'ouverture et les supports de la fonction de fermeture :

var childElem = document.getElementById ( DIVID ) ;

utilise la valeur de l'ID passé à localiser l'élément dans le page HTML . Le " childElem « variable détient désormais un pointeur vers l'élément qui a été cliqué. Vous pouvez ensuite utiliser cette référence pour un traitement ultérieur .
4

Situer l'élément parent de l'élément être cliqué . Pour supprimer un élément, vous devez acquérir une référence à sa mère , puis charger cet élément pour supprimer l'élément enfant que vous essayez de détruire. Ajoutez le code suivant pour obtenir une référence au parent : .

Var parentElem = childElem.parentNode ;
de

Votre code dispose désormais d'une référence à l'élément à supprimer et son élément parent < br >
5

Retirer l'élément de votre page. Ajoutez le code suivant , la réalisation de l'opération d'enlèvement :

parentElem.removeChild ( childElem ) ;

appelle une méthode sur l'élément parent , lui ordonnant de supprimer l'élément enfant spécifié en tant que paramètre . Enregistrez votre fichier et ouvrez votre page dans un navigateur Web pour le tester. Cliquez sur le texte de l'élément et vous devriez voir disparaître. Pour tester à nouveau, actualiser la page et cliquez à nouveau .