Erhalten Sie Zeilenumbrüche von JavaScript-Zeichenfolge einfügen in Textarea

Question

Ähnliche ähnliche Fragen zu SE ohne eine Antwort.

Wenn ich auf die Schaltfläche im Code klicke, alarmiere ich die Zeichenfolge und es ist mit Zeilenumbrüchen in der Warnung formatiert. Wenn die Zeichenfolge dann in das Textfeld eingefügt wird, werden alle Zeilenumbrüche entfernt.

function pasteText() { 
 
    
 
    var theText = "a\nb\nc"; 
 
    alert(theText); 
 
    document.getElementById("theText").innerText = theText; 
 
}

<textarea id="theText"></textarea> 
 
<br><button onclick="pasteText()">Click</button>

Hinweis: Dies ist nur ein Problem in Firefox

Answer 1

1. Verwendung textcontent statt innertext

Snippet Siehe unten

function pasteText() { 
 
    
 
    var theText = "a\nb\nc"; 
 
    alert(theText); 
 
    document.getElementById("theText").textContent = theText; 
 
}

<textarea id="theText"></textarea> 
 
<br><button onclick="pasteText()">Click</button>

2. oder innerHTML-

function pasteText() { 
 
    
 
    var theText = "a\nb\nc"; 
 
    alert(theText); 
 
    document.getElementById("theText").innerHTML = theText; 
 
}

<textarea id="theText"></textarea> 
 
<br><button onclick="pasteText()">Click</button>