afficher un tableau JS en HTMLRésolu/Fermé

Question

Bonjour, 

je voudrais savoir comment je peux afficher un tableau que je génère dans une boucle JS sur mon site en HTML.
J'arrive à créer le tableau dans le script, c'est un tableau simple unidimensionnel ( var tableau = [ ] ) que ma boucle for génère à l'aide de la fonction tableau.push()
J'aimerais maintenant pouvoir l'afficher en HTML afin de le rendre visible sur mon site (afficher chaque élément successivement sur ma page).
Je ne sais pas si j'ai été assez clair ^^,
merci de votre aide.

jordane45 · Answer

Bonjour
Il te suffit de boucler sur ton tableau et de prendre chaque élément pour les mettre dans ta page.
As-tu des notions sur le JavaScript ?
Connais-tu la fonction innerHTML ? Ou append ?
De quelle façon souhaite tu les afficher ? Dans une liste, dans un tableau, autrement ?
Quelle est la structure actuelle de ta page ? À quel endroit désire tu faire cet affichage ?

Comme tu peux le voir ta question manque cruellement de détails pourtant nécessaires à sa résolution ..

Totox · Answer

Salut,
pas vraiment clair.
Afficher quoi , où et comment?

Parce que comme indiqué plus haut les moyens ne manquent pas:

var tableau=['a','b','c','d','e'];
function ajoutElementTexte(texte){
  var tmp= document.createElement('p');
  tmp.innerHTML=texte;
  document.appendChild(tmp);
}

for(let i = 0;i<tableau.length;i++){
   ajoutElementTexte(tableau|i]);
}

Il faudra tenir( compte de la structure de la page(et des données du tableau?) bien entendu.
Je veux dire si le tableau contient une URL d'image à afficher et un texte (un tableau n'est donc pas la bonne structure de variable je pense) il faut différencier les 2 pour leur donner leur propre balise.
Idem pour la structure, mise en page existante.

jibouz12 · Answer

merci pour ta réponse, oui je suis débutant je me suis assez mal exprimé, mais j'ai réussi à solutionner mon problème en utilisant en effet la fonction innerHTML

Afficher un tableau JS en HTML

3 réponses

Discussions similaires

Newsletters