FriconiX
Des milliers de pictogrammes gratuits dessinés avec amour !

D3.js tutoriel - Partie 3 - Méthodes élémentaires

Ajouter du texte

La méthode .text() ajoute du texte dans l'élément sélectionné. Par exemple :

d3.select('h1').text('This text has been added with D3.js');

L'exemple précédent ajoute du texte dans la première balise <h1>. Si l'élément contient déjà du texte, celui est remplacé.

Modifier le style

La méthode .style() ajoute ou actualise le style CSS de l'élement sélectionné. Par exemple :

d3.select('h1').style('color', 'red');

La ligne précédent change la couleur du premier élement <h1> en rouge.

Modifier les attributs

La méthode .attr() ajoute ou actualise un attribut de l'élement sélectionner. Par exemple:

d3.select('h1').attr('class', 'myClass');

La ligne précédente ajoute myClass à la première balise <h1>.

Ajouter ou inserer des éléments

Les méthodes .append() et .insert() ajoute et insert un nouvel élément. Par exemple

d3.select('body').append('h1');

La ligne précédent ajoute une balise <h1> après l'élément sélectionné.

Exemple

L'exemple suivant illustre quelques unes des méthodes présentées sur cette page :

Voir aussi


Dernière mise à jour : 28/01/2020