Comment supprimer correctement les éléments DOM en JavaScript ?

JavaScript : Suppression d'éléments DOM

La création et la modification d'éléments DOM sont un aspect fondamental de la programmation JavaScript. Dans ce contexte, une tâche courante consiste à vérifier l'existence d'un élément, et à le créer s'il n'existe pas, ou à le supprimer s'il existe déjà.

Vérification de l'existence d'un élément

Le code fourni vérifie avec succès la présence d'une iframe avec l'ID "injected_frame" à l'aide de document.getElementById("injected_frame"). Si l'iframe existe, elle est évaluée comme une référence non nulle.

Création d'un élément

L'extrait de code démontre la création d'un élément iframe avec les attributs souhaités. Cela implique de définir les attributs "id", "src", "width" et "height" à l'aide de setAttribute(), puis d'ajouter le nouvel élément au DOM à l'aide de appendChild().

Suppression un élément

Cependant, le problème survient lors de la tentative de suppression de l'iframe si elle existe déjà. Le code appelle iframe.removeChild(frameid.childNodes[0]), ce qui est incorrect. En JavaScript, la méthode removeChild() doit être appliquée à l'élément parent de l'élément à supprimer.

Code corrigé

Le code corrigé pour supprimer l'iframe doit be :

<code class="javascript">if (frameid) {
    frameid.parentNode.removeChild(frameid);
}</code>

Cela garantit que l'élément iframe avec l'ID "injected_frame" est supprimé avec succès du DOM s'il existe.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!