Ecrire du texte en JS au lieu dans le HTML

Fermé
gmatg - 19 juin 2020 à 15:36
 gmatg - 22 juin 2020 à 10:41
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
A voir également:

2 réponses

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
19 juin 2020 à 18:25
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";

0
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
0
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
22 juin 2020 à 09:39
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...
0
gmatg > jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024
22 juin 2020 à 09:54
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>
0
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
0