Javascript affiche " "

Résolu/Fermé

Javascript

pandageek Messages postés 359 Date d'inscription samedi 6 août 2011 Statut Membre Dernière intervention 27 mai 2014 - 9 févr. 2014 à 13:25
pandageek Messages postés 359 Date d'inscription samedi 6 août 2011 Statut Membre Dernière intervention 27 mai 2014 - 9 févr. 2014 à 18:33

Bonjour à tous,
voici un code js:

<script>var div = document.getElementById('bloc_page');
div.textContent = 'Présentation! <br /> Lorem ipsum dolor sit ame(...).';</script>

mais lors de son exécution, il remplit la div bloc_page par ceci :

Présentation! <br /> Lorem ipsum dolor sit ame(...).

et ce code :

<script>var div = document.getElementById('bloc_page');
div.textContent = 'Présentation! \n Lorem ipsum dolor sit ame(...).';</script>

renvoie

Présentation! Lorem ipsum dolor sit ame(...)

Pourquoi ne puis-je pas sauter de ligne?

Merci!

A voir également:

Br html
✓ - Forum Webmastering
&Lt;br> ou ou ✓ - Forum Webmastering
Balise - Forum HTML
Saut de lignes sans ✓ - Forum Webmastering
Modifier la taille d'un en CSS/HTML - Forum CSS

5 réponses

Réponse 1 / 5

ElementW Messages postés 4814 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 227
9 févr. 2014 à 14:51

'lut, apparemment Tomsuper est parti sur une fausse piste: mettre un élément HTML dans un script, sans les guillemets, ça donne une erreur.

Non, l'erreur se trouve sur la propriété que tu utilises:
-

textContent

attribue vraiment du texte, formaté pour s'afficher tel quel
- tu cherches plutot

innerHTML

qui te permet de modifier le contenu -texte et balises- de ton élément comme si tu modifiais directement le fichier HTML

<script>var div = document.getElementById('bloc_page');
div.innerHTML = 'Présentation! <br /> Lorem ipsum dolor sit ame(...).';</script>

Tout de suite, ça marche mieux :)

pandageek Messages postés 359 Date d'inscription samedi 6 août 2011 Statut Membre Dernière intervention 27 mai 2014 4
9 févr. 2014 à 18:33

Merci beaucoup! Cela fonctionne parfaitement!

Discussions similaires

comment creer un calendrier avec javascript?

Passer une variable JAVASCRIPT en une variable PHP avec AJAX

extraire des données web depuis un site qui utilise javascript

Prompt avec 2 input fields

tableaux imbriqués en javascript

comment resoudre ce probleme: ce message d'erreur de javascript