Javascript-forum

Normale Version: Zeilenumbruch in td
Sie sehen gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
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>
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.