D3.js prepend (similaire à jQuery ajouter)

Question

J'aime l'utilisation de append dans D3, et je cherche prepend.

Cela existe-t-il dans D3?

58

d3.js javascript

demandé sur Mia 2014-10-07 15:09:06

1 réponses

score 101 · Answer 1

Vous pouvez utiliser la sélection.insert(nom [Avant]) où nom est le nom de l'élément et avant est un sélecteur.
Par exemple -

Selection.insert("div",":first-child");

Le code ci-dessus insérera un div avant le premier enfant de l'élément sélectionné. Vous pouvez vous référer plus ici

Une autre façon possible d'insérer des éléments avant n'importe quel nœud (y compris les textes simples).

var parentEl = d3.select("div").node();
parentEl.insertBefore(document.createElement("div"), parentEl.childNodes[0]);

<script src="https://d3js.org/d3.v3.min.js"></script>
<div>
  This is a plain text
  <a></a>
</div>