Neue Zeile schreiben in JavaScript
- Fügen Sie eine neue Zeile mit dem Newline-Zeichen in JavaScript hinzu
- Fügen Sie eine neue Zeile mit Vorlagenliteralen in JavaScript hinzu
-
Fügen Sie eine neue Zeile mit dem HTML-Tag
<br>zur DOM-Ausgabe in JavaScript hinzu
Wir können je nach Situation und gewünschter Ausgabe auf drei Arten eine neue Zeile in JavaScript hinzufügen. In diesem Tutorial werden alle drei Szenarien behandelt.
Fügen Sie eine neue Zeile mit dem Newline-Zeichen in JavaScript hinzu
In JavaScript steht das Symbol \n für das Newline-Zeichen. Wenn wir Wörter in verschiedenen Zeilen auf der Konsole ausgeben müssen, können wir innerhalb der Zeichenfolge \n verwenden, um den Zeilenumbruch einzufügen.
Beispiel:
let str = 'This is in line 1.\nThis is in line 2.';
console.log(str);
Ausgabe:
This is in line 1.
This is in line 2.
Fügen Sie eine neue Zeile mit Vorlagenliteralen in JavaScript hinzu
Vorlagenliterale sind JavaScripts Methode, um die Interpolation von Variablen und Ausdrücken in Zeichenketten, Zeichenketten in Anführungszeichen und mehrzeilige Zeichenketten zu ermöglichen. Sie sind in Backticks eingeschlossen, was es einfacher macht, neue Zeilen in JavaScript einzufügen.
Beispiel:
let str = `This is in line 1.
This is in line 2.`;
console.log(str);
Ausgabe:
This is in line 1.
This is in line 2.
Fügen Sie eine neue Zeile mit dem HTML-Tag <br> zur DOM-Ausgabe in JavaScript hinzu
Wir können das DOM verwenden, um einen Zeilenumbruch zu haben, indem wir das <br>-Tag in HTML verwenden. Aber diese Methode ist speziell für Webseiten und funktioniert nicht auf der Konsole.
Beispiel:
<body>
<div id="addNewline"></div>
<script>
let element = document.getElementById("addNewline");
element.innerHTML = "Hello World!<br/>This is my string";
</script>
</body>
Ausgabe:
Hello World!
This is my string
Hier wählen wir ein HTML-Element aus und fügen einen String mit Zeilenumbruch als inneres HTML hinzu.
Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.
LinkedIn