Javascript Girl
  1. Javascript Girl
  3. JavaScript obtient l'élément parent et écrit le distributeur div pour les frères et sœurs
Intereting Posts
Type de noeuds verticaux dans le diagramme D3 Sankey Générer un fichier Javascript avec PHP Essayer de comprendre les promesses d'Ember JS Partager les données entre les contrôleurs AngularJS Débarrassez-vous du retard lorsque vous jouez avec jQuery L'appel de $ http.jsonp à partir d'erreurs de retour d'application angulaire L'équivalent Javascript de strtotime () de php? Différence entre les temps de la date Astuces CSS avancées: Comment étendre une image sur plusieurs colonnes dans une disposition du site CSS3? Vérifiez si chaque élément d'un même tableau est dans un deuxième tableau Intermédiaire dans javascript à la recherche d'un livre à l'apprentissage de la programmation orientée objet Attendez que l'iframe soit chargé en JavaScript Le clavier de l'iPhone ne se cache pas lorsque vous tapez sur l'écran Quelle est la limite de taille d'une image Base64 DataURL? SecurityError: l'opération est incertaine. Utilisant Htmlcanvas

JavaScript obtient l'élément parent et écrit le distributeur div pour les frères et sœurs

J'ai la structure suivante: 

<div class="parent"> <div id="child1">Content here</div> <div class="child2">Content here</div> </div>

À la charge, je veux inclure un diviseur "titulaire" qui tient tous les enfants des parents de la sorte: 

 <div class="parent"> <div id="holder"> <div id="child1">Content here</div> <div class="child2">Content here</div> </div> </div>

Ne connaissant que l'identifiant "child1", comment puis-je ajouter un diviseur de support autour de lui-même et des frères et sœurs?

Considérations

  • L'identifiant "child1" est le seul identifiant connu.
  • La classe "parent" et "child2" sont un nom dynamique et changent, donc ne peuvent pas être utilisés comme identifiants.
  • Doit être une vanille JavaScript.

Pensées?

Comme cela doit être JavaScript (et non jQuery) et vous ne pouvez identifier que le child1 par id, vous pourriez faire quelque chose d'aussi grossier que ceci: 

 var child1 = document.getElementById("child1"), parent = child1.parentNode, contents = parent.innerHTML ; parent.innerHTML = '<div id="holder">' + contents + '</div>';

J'espère que cela t'aides…

Il a dit qu'il n'y avait pas jQuery, cela ressemble à une tâche de devoir mais: 

 var el = document.getElementById('child1'); var parent = el.parentNode; parent.innerHTML = '<div id="holder">' + parent.innerHTML + '</div>';