hight und with in einer dynamisch erstellten Tabelle ändern

  • Ich erzeuge eine Tabelle mit dem folgenden Code:


    function createTable(row, col, id) {
    var myTable = document.createElement("table");
    var mytablebody = document.createElement("tbody");

    for (var j = 0; j < row; j++) {
    mycurrent_row = document.createElement("tr");
    for (var i = 0; i < col; i++) {
    mycurrent_cell = document.createElement("td");
    mycurrent_cell.addEventListener("click", function() {console.log(this.innerHTML);})
    currenttext = document.createTextNode(random());
    mycurrent_cell.appendChild(currenttext);
    mycurrent_row.appendChild(mycurrent_cell);
    }

    mytablebody.appendChild(mycurrent_row);
    }

    myTable.appendChild(mytablebody);
    myTable.setAttribute("ID", id);
    return myTable; }


    Ich formatiere die Tabelle mit :


    td {border:1px solid #7f7f7f;width:85px;height:35px;text-align:center;}


    jetzt möchte ich NACHTRÄGLICH die Höhe und Breite der Zellen ändern.


    Mein Versuch;


    function changeCell(){
    var tds = document.getElementsByTagName('td');
    for (var i = 0; i < tds.length; i++)
    tds[i].style.width = '2px';
    tds[i].style.hight = '2px';
    }


    Klapp nicht.


    Was mach ich falsch ?


    LG


    Jochen



    jetzt möchte ich nachträchlich Im lauf

  • Code
    tds.style.width = '2px';
    tds[i].style.hight = '2px';

    In beiden Zeilen ist ein Fehler:

    • tds ist eine Nodelist und um ein Element anzusprechen, musst Du den Index verwenden: tds[ i ], so wie Du es in der zweiten Zeile auch tust.
    • Schreibfehler bei hight.


    Edit: Da bin ich wohl hereingefallen: Weil Du keine Codetags verwendet hast, hat das Forum das

    Code
    [i]

    als BBCode für italic interpretiert und verschluckt. 1. entfällt daher. 2. trifft jedoch zu.

  • Da kuckst du stundenlang auf die paar Zeilen und findest doch den Fehler nicht.


    Gibt es eigentlich einen Editor der auf solche Fehler hinweist?


    LG
    Joachim

  • Ja, gibt es. Ich habe längere Zeit gesucht und bin dann auf MS Visual Studio Community gestoßen. Von der Installation her ein Moloch, aber die automatische Anzeige von Fehlern während der Eingabe ist das Beste, was ich gefunden habe.

  • PS: Ich habe es gerade ausprobiert und dieser Fehler wird leider nicht angezeigt. Ich empfehle dir, dich mit den Entwicklertools deines Browsers vertraut zu machen, dort wird in der Console solch ein Fehler auf jeden Fall angezeigt. VS Community ist aber trotzdem zu empfehlen, er zeigt sehr viele Fehler gleich bei der Eingabe an. Das beschleunigt die Entwicklung ungemein und wenn man sich einmal daran gewöhnt hat, möchte man es nicht mehr missen.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!