Wie kann ich mit inner HTML und Javascript einen Zeilenumbruch erstellen?
Hallo zusammen,
Ich habe mir HTML und Javascript angefangen und möchte innerhalb eines Java script script in einem Textelement Sachen ausgeben lassen. Aber wie genau kann ich einen Zeilenumbruch mit Javascript auf das Textfeld, welches ich bearbeite übertragen? Für die bearbeitung nutze ich den document.innerHTML Befehl.
Danke schonmal im Vorraus und freundliche Grüße
2 Antworten
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, HTML
Sicher, dass Du ein textarea nutzt und nicht ein input-text-Feld? Weil bei letzterem gehen keine Zeilenumbrüche. Siehe auch:
https://stackoverflow.com/questions/19986290/should-i-use-innerhtml-or-value-for-textarea/27898249
Woher ich das weiß:Berufserfahrung
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, HTML, JavaScript
Verwende das value-Property des HTMLTextAreaElement-Elements.
Beispiel:
HTML:
<textarea cols="50" rows="20" id="textfield"></textarea>
<button id="breakBtn">add linebreak</button>
JavaScript:
const textfield = document.getElementById("textfield");
document.getElementById("breakBtn").addEventListener("click", function(evt) {
textfield.value += "\n";
});