Zeilenumbruch in Javascrip?

Ich möchte in Javascript eine Text ausgeben. Dabei möchte ich einen Zeilenumbruch einfügen. Habe gefunden das man dies mit \r machen kann. Nur bei mir funksoniert dies nicht.

result.textContent = "Bitte fülle alle Felder aus \r \r Hallo" ;

Answer 1

[Zahhak]

Was genau ist denn result?

Abhängig davon und ggf. auch davon, wie der Browser das ganze genau handhabt, könnte es auch eines davon sein:

• \n
• \r\n
• <br>

Comments

[lolipop4378]

Hier sonst der ganze Code

function getUserName() {
    var vorname = document.getElementById('vorname').value;
    var nachname = document.getElementById('nachname').value;
    var strasse = document.getElementById('strasse').value;
    var strassenr = document.getElementById('strassenr').value;
    var plz = document.getElementById('plz').value;
    var ort = document.getElementById('ort').value;
    
    var result = document.getElementById('result');
    
    if (vorname.length < 3) {
        result.textContent = "Bitte fülle alle Felder aus \r\n Hallo" ;
    } else {
        result.textContent = 'Guten Tag. Mein Name ist ' + vorname + ' ' + nachname + ' und ich wohnen an folgender Adresse: ' + strasse + ' ' + strassenr + ' , ' + plz + ' ' + ort;
    }
}


var subButton = document.getElementById('subButton');
subButton.addEventListener('click', getUserName, false); 

[Zahhak]

@lolipop4378

Das verrät leider immer noch nicht, was genau sich in result befindet...

Was du versuchen könntest, wäre zusätzlich dem Node, auf den sich result bezieht das CSS-Attribut

white-space: pre;

zu verpassen.

Oder du fügst den Inhalt Node für Node zusammen, z.B. so:

while(result.children.length>0) result.removeChild(result.children[0]);
result.appendChild(document.CreateTextNode('Zeile1'));
result.appendChild(document.CreateElement('br'));
result.appendChild(document.CreateTextNode('Zeile2'));
result.appendChild(document.CreateElement('br'));
result.appendChild(document.CreateTextNode('Zeile3'));
result.appendChild(document.CreateElement('br'));

[lolipop4378]

Geht alles bei mir nicht. result ist einfach eine Ausgabe von allen Inputs die ich im HTML habe.

Answer 2

[EinAlexander]

Zeilenumbruch in Javascrip?

result.textContent = "Bitte fülle alle Felder aus<br><br>Hallo" ;

Alex

Comments

[lolipop4378]

dann kommt das heraus

--> Bitte fülle alle Felder aus<br><br>Hallo

[EinAlexander]

@lolipop4378

dann kommt das heraus

nimm nicht textContent sondern innerHTML

result.innerHTML = "Bitte fülle alle Felder aus<br><br>Hallo" ;

[lolipop4378]

@EinAlexander

Oh ja jetzt funktsonierts. Danke mein nächstes Problem hast du jetzt auch schon gelöst. Danke dir

Answer 3

[MrAmazing2]

Das macht man mit

\n

Woher ich das weiß: Hobby – Programmieren ist mein Hobby & Beruf