Inahlt einer Tabellenzelle (td) mittel JS ändern?


Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Inahlt einer Tabellenzelle (td) mittels JS ändern?

    Hallo,

    weis jemand wie ich den Inhalt einer eines td Bereiches, also einer Tabellenzelle mit Javascript ändern kann?

    Ich habe

    document.getElementsByTagName("td").text = "anderer Text";

    probiert, das scheint aber nicht zu funktionieren. Warscheinlich liegt es an dem .text, was anders heißen muss, aber ich weis lieder nicht wie.

    MfG

    _D.E.N.N.I.S._

  • Also mit getElementsByTagName funzt das net. Du kanst aber den Inhalt per Javascript reinschreiben:

    HTML-Quellcode

    1. <td>
    2. <script language="JavaScript">
    3. <!--
    4. document.write("Hallo");
    5. //-->
    6. </script>
    7. </td>


    Zum ändern der Seite must du diese dann neu laden, und kanst dann statt "Hallo" z.B. eine Variable übergeben.

    Oder du läst gleich die ganze Seite von JS schreiben, dann brauchst du nicht neu laden.

    HTML-Quellcode

    1. <script language="JavaScript">
    2. <!--
    3. document.write("<html><body>");
    4. document.write("<table border=1>");
    5. document.write("<tr><td>");
    6. document.write("Hallo");
    7. document.write("<\/td><\/tr>");
    8. document.write("<\/table>");
    9. document.write("<\/body><\/html>");
    10. //-->
    11. </script>
    Alles anzeigen

  • hi there!

    damit kommst du sicher weiter!!

    HTML-Quellcode

    1. <HTML>
    2. <HEAD>
    3. <title>td aendern</title>
    4. <script language="JavaScript" type="text/javascript">
    5. function changeText(theID, newText) {
    6. document.getElementById(theID).firstChild.data = newText;
    7. }
    8. </script>
    9. </HEAD>
    10. <BODY>
    11. <table border="1">
    12. <tr>
    13. <td id="theCell0101">the text</td>
    14. <td id="theCell0102">more text</td>
    15. <tr>
    16. </tr>
    17. <td onMouseOver="changeText('theCell0101', 'the NEW text');">change it</td>
    18. <td onMouseOver="changeText('theCell0102', 'more NEW text');">change it</td>
    19. </tr>
    20. </table>
    21. </BODY>
    22. </HTML>
    Alles anzeigen


    das ist jetzt nur mal eine moeglichkeit das zu realisieren, ich weiss ja nicht wann oder zu welchen aktionen sich der text aendern soll!! aber das kannst du ja selber coden!! ^^

    @master9: warum einfach, wenn's auch kompliziert geht, gelle!? *fg*

    ceeyaa.mex