Javascript Girl
  1. Javascript Girl
  3. Suppression de wrapper div sans Jquery (javascript brut)
Intereting Posts
Pourquoi ne puis-je pas appeler une fonction.application? Remplacer une fonction JavaScript en référençant l'original Comment ajouter d3 (javascript) à une application vaadin? Joindre un fichier via mailto URI Obtenir la position du texte dans un élément PhoneGap prend-il en charge l'achat dans l'application? Existe-t-il une version hors ligne de JSLint pour Windows? Calcul des tailles avec JavaScript et jQuery JQuery saute ou défile à une certaine position, div ou cible sur la page à partir du bouton onclick Comment filtrer les données JSON en JavaScript ou jQuery? La réponse à la demande de pré-vol ne passe pas le contrôle de contrôle d'accès XmlHttpRequest status 0 au lieu de 401 dans IE 10 La fuite de la mémoire de la méthode jQuery load ()? Passer une variable à PhantomJS via exec Est-il erroné de placer la balise <script> après la balise </ body>?

Suppression de wrapper div sans Jquery (javascript brut)

Je sais qu'il y a une solution avec Jquery appelé unwrap, mais j'écris "raw" JavaScript. Je n'ai trouvé aucune solution sans jQuery.

Je voudrais supprimer un div comme ça: 

<div><div id="mydiv">Important text here</div></div>

Après la suppression de "mydiv": 

 <div>Important text here</div>

Que dois-je faire, j'aimerais connaître la théorie.

Merci d'avance.

Cette ligne ne devrait-elle pas fonctionner 

  document.getElementById("mydiv").outerHTML = document.getElementById("mydiv").innerHTML

Voir cet exemple JSBin (inspecter l'élément)

Vous devez utiliser la méthode removeChild pour cela: 

 var divToRemove = document.getElementById('mydiv').; var tmpStr = divToRemove.innerHTML; var parent = divToRemove.parentNode; parent.removeChild(divToRemove); parent.inerHTML(tmpStr);

essayer 

 ​var el = document.getElementById('mydiv'); var text = el.innerText; //or el.innerHTML el.parentNode.innerHTML = text;​

Cela remplacerait le html du parent de mydiv par le contenu de mydiv.