D3.js propose deux méthodes simples pour sélectionner des éléments HTML. La premièresult
méthode est d3.select();
qui sélectionne le première élément correspondant au sélecteur.
Le sélecteur s'écrit en utilisant la meême syntaxe que les sélecteurs CSS. Voici quelques example:
d3.select('h1');
- sélectionne la première balise <h1>
de la page.d3.select('#myID');
- sélectionne la première balise avec l'identifiant myId
de la page.d3.select('.myClass');
- sélectionne la première balise de la classe myClass
de la page.Voici un exemple en de sélection d'éléments :
Vous pouvez aussi sélectionner plusieurs éléments à la fois. C'est le rôle de la
fonction d3.selectAll()
. Cette fonction fonctionne sur le même principe que la
précédente, mais permet de sélectionner plusieurs éléments en une seule fois :
d3.select('.myClass');
- sélectionne tous les élements de la classe myClass
.