Jednozačný identifikátor TD pomocí javascriptu

Jednozačný identifikátor TD pomocí javascriptu

Návštěvník

8. 3. 2010 #1

Zdravím,

potřebuji poradit jak pomocí javascriptu pro všechny TDčka v tabulce dosadit ID, abych je nemusel zadávat ručně? Zkušel jsem tento skript

document.getElementsByTagName("table")[0].setAttribute("id","tableid")

, ale to se mi pak nevykresluje tabulka. Byl by možno poradit jak to napravit aby to funguovalo? Chtěl bych, aby v identifikátoru byl hodnoty které nabývají v cyklu (takže 00,01,02,03,04....77)?

Tady je kompletní javascript kód:



function sachovnice() { 

    // get the reference for the body 

    var body = document.getElementsByTagName("body")[0]; 

    var black = 1;

    // creates a <table> element and a <tbody> element 

    var tbl     = document.createElement("table"); 

    var tblBody = document.createElement("tbody");

    // creating all cells 

    for (var j = 0; j <7; j++) { 

      // creates a table row 

      var row = document.createElement("tr"); 

      for (var i = 0; i <7; i++) { 

        // Create a <td> element and a text node, make the text 

        // node the contents of the <td>, and put the <td> at 

        // the end of the table row 

        var cell = document.createElement("td");

        document.getElementsByTagName("table")[0].setAttribute("id","_ji");

        // width and height

        cell.style.width = cell.style.height = '50px';

        if(black) cell.style.backgroundColor = '#000000';

        else cell.style.backgroundColor = '#ffffff';

        // invert color, not at the end

        if(i != 8) black = !black;

        //cell.appendChild(cellText); 

        row.appendChild(cell); 

      } 

      // add the row to the end of the table body 

      tblBody.appendChild(row); 

    }  

    // put the <tbody> in the <table> 

    tbl.appendChild(tblBody);

    // appends <table> into <body> 

    body.appendChild(tbl); 

    // sets the border attribute of tbl to 2; 

    tbl.setAttribute("border", "2"); 

  }