Tobias: texte mit zeilenumbrüchen

Hallo,

mit "obj = document.getElementById("titel");" hole ich mir ein
td-tag-object.

dann setze ich über 'obj.firstChild.nodeValue = "neuer text"'
den neuen inhalt des elementes.
Meine Frage nun: Wie kann ich da drin auch Zeilenumbrüche verwenden??

Ich habe es schon mit <br> \n und \r probiert, das hilft aber leider nix.

Vielen Dank Tobias

  1. Hallo,

    mit "obj = document.getElementById("titel");" hole ich mir ein
    td-tag-object.

    dann setze ich über 'obj.firstChild.nodeValue = "neuer text"'
    den neuen inhalt des elementes.
    Meine Frage nun: Wie kann ich da drin auch Zeilenumbrüche verwenden??

    Ich habe es schon mit <br> \n und \r probiert, das hilft aber leider nix.

    Erzeuge ein neues Element br mittels document.createElement("br") und erzeuge darunter einen neuen Textknoten mit document.createTextNode("neuer text") und haenge dieses Konstrukt schließlich unterhalb des td-Objektes in den Dokumentenbaum ein.

    Einige Details findest Du unter http://www.styleassistant.de/tips/w3cdom.htm.

    MfG, Thomas

    1. Hallo,

      mit "obj = document.getElementById("titel");" hole ich mir ein
      td-tag-object.

      dann setze ich über 'obj.firstChild.nodeValue = "neuer text"'
      den neuen inhalt des elementes.
      Meine Frage nun: Wie kann ich da drin auch Zeilenumbrüche verwenden??

      Ich habe es schon mit <br> \n und \r probiert, das hilft aber leider nix.

      Erzeuge ein neues Element br mittels document.createElement("br") und erzeuge darunter einen neuen Textknoten mit document.createTextNode("neuer text") und haenge dieses Konstrukt schließlich unterhalb des td-Objektes in den Dokumentenbaum ein.

      Einige Details findest Du unter http://www.styleassistant.de/tips/w3cdom.htm.

      MfG, Thomas

  2. Hallo,

    soll Dein Komplettzitat signalisieren, dass Du es noch nicht umsetzen konntest?

    Probiere es so:

    obj = document.getElementById("titel");
    obj.firstChild.nodeValue="neuer";
    obj.appendChild(document.createElement("br"));
    obj.appendChild(document.createTextNode("Text"));

    Bezogen auf <td id="titel">vorher</td>
    steht dann statt vorher

    neuer
    Text

    in der Tabellenzelle.

    MfG, Thomas