Ecrire du texte en JS au lieu dans le HTML

Signaler
-
 gmatg -
Salut à tous,
J'ai une petite question à vous poser. Une de mes copains m’avaient montrer une fonctionnalité de Javascript, plutôt intéressante, mais je ne sais pas, trop comment la réaliser ...
Au lieu d'écrire des blocs de texte dans le HTML, on peut l'écrire en JS, en appelant le texte depuis la page HTML avec Un "ID", à mon avis.

    <div class="rubrique">
      <p><div class="fas fa-angle-right"></div>  blablablablablabla</p>
      <p><div class="fas fa-angle-right"></div>  blablablablablabla/p>
      <p><div class="fas fa-angle-right"></div>  blablablablablabla</p>
      <p><div class="fas fa-angle-right"></div>  blablablablablabla</p>
      <p><div class="fas fa-angle-right"></div>  blablablablablabla</p>
      <p><div class="fas fa-angle-right"></div>  blablablablablabla</p>
    </div>


Peut-on écrire tous les "blablablablablabla" en JS, petite question bête à mon avis ...

Merci à vous, cordialement

2 réponses

Messages postés
28839
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
2 juillet 2020
2 587
Bonjour,

Oui, on peut écrire du text dans du html à partir de Javascript.

Par exemple
document.getElementById('unid').innerHTML = " ceci est du texte qui sera mis dans l'élement dont l'id est : unid";

Ouai , je savais que l'on pouvait faire sa. Mais je crois qu'il y a un truc comme ça qui existe :

bla.bla = ['mon texte', 'mon texte', 'mon texte'];

Est ce vrai ?
Merci beaucoup
Messages postés
28839
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
2 juillet 2020
2 587
comme on ne sait pas ce que représente ton bla.bla ... difficile de te répondre.
Mais tu semble nous montrer la syntaxe de déclaration d'un array... rien à voir avec ta question...
>
Messages postés
28839
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
2 juillet 2020

Je vais te montrer un exemple que m'a montrer un de mes copains, mais je n'arrive pas à comprendre ce qu'il se passe dans son code ... Si tu peux m'aider, je serai volontiers

Merci beaucoup à toi

Videos.dates = ["22 janvier 2020",
                "22 janvier 2020",
                "25 janvier 2020",
                "5 février 2020",
                "8 février 2020",
                "17 février 2020",
                "20 février 2020"];


      <h4> Vidéos </h4>
      <div id="videos-scroll">
        <table id="videos">
          <tr>
          </tr>
        </table>
      </div>
      <hr>
    </div>
En fait, je viens de comprendre,
Il y a :
var essaiTable = {
  table: document.getElementById("essaiTable"),

  number: 7,
  dates: [],

}

Donc forcément sa marche un peu mieux, merci quand même de ton aide précieuse
A bientôt