Neuigkeiten
28.10.2021, 10:11 - Wörter:
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):
[font=Consolas, "Courier New", monospace]<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>[/font]
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):
[font=Consolas, "Courier New", monospace]<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>[/font]
