Javascript affiche "<br />"

Résolu
pandageek Messages postés 379 Statut Membre -  
pandageek Messages postés 379 Statut Membre -
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!

5 réponses

  1. ElementW Messages postés 5690 Statut Contributeur 1 293
     
    '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 :)
    1
    1. pandageek Messages postés 379 Statut Membre 4
       
      Merci beaucoup! Cela fonctionne parfaitement!
      0