Zeilenumbruch in td - Druckversion

Zeilenumbruch in td - Druckversion

+- Javascript-forum (https://javascript-forum.de)
+-- Forum: Entwicklung (https://javascript-forum.de/forumdisplay.php?fid=4)
+--- Forum: Javascript (https://javascript-forum.de/forumdisplay.php?fid=6)
+--- Thema: Zeilenumbruch in td (/showthread.php?tid=263)

Zeilenumbruch in td - matze - 28.10.2021

Hallo Zusammen,
ich erzeuge die Zellen einer Tabelle dynamisch und benötige in dem Zelleninhalt an bestimmten Stellen einen Zeilenumbruch. Hab's mit br, /n /r/n probiert, geht aber alles nicht.

hier der Quelltext (Button oben links drücken):

<html>
<head>
<title>Umbruchtest</title>
<script type="text/javascript">

function addRow(tableID){
let tableRef = document.getElementById('mytable-js');

// Füge am Ende der Tabelle eine neue Zeile an
let newRow = tableRef.insertRow(-1);

// Erstelle in der Zeile eine Zelle am Index 0
let newCell = newRow.insertCell(0);

var str = "java-text:<br />" + "\r\n" + " hier sollte Zeile2 sein";

let newText = document.createTextNode(str);
newCell.appendChild(newText);
}
</script>
</head>
<body>
<button onclick="addRow('mytable-js');">test</button>

<table border=”2″ id="mytable-js">

<thead>
<tr>
<td>Beschreibung </td>
</tr>
</thead>
<tbody>

<tr>
<td>html-text<br />Mit Zeilenumbruch (so soll es aussehen) </td>
</tr>

</tbody>
</table>

</body>
</html>

RE: Zeilenumbruch in td - admin - 29.10.2021

Das habe ich dir im anderen Forum auch schon geschrieben

Was steht den da ???

Zitat:createTextNode

Das macht das ,was auch da steht.
Du musst HTML erstellen.

Code:
<script>

function addRow(tableID){

    let tableRef = document.getElementById('mytable-js');

    let newRow = tableRef.insertRow(-1);

    let newCell = newRow.insertCell(0);

    newText=newCell.innerHTML= "java-text:<br> hier sollte Zeile2 sein";

    newCell.appendChild(newText);

}

</script>

PS:

Denk dran das Crossposting in vielen Foren nicht erlaubt ist und deswegen die Beiträge gesperrt werden können.