[DOM] Operacje na tabelkach, Jak dodać nowy wiersz, komórkę itp. Opcje

[lukasz_sosnowiec]

Tak jak w temacie. Poprosiłbym kogoś o podanie wzoru poleceń za pomocą których można dodać nowy wiersz (wraz z komórkami) i wypełnić go dowolnym tekstem.

Ja próbowałem coś takiego

Kod

document.getElementById("tabela").insertRow ();
document.getElementById("tabela").rows[0].insertCell ();
document.getElementById("tabela").rows[0].cells[0].innerHTML = "tekst"

[JaRoPHP]

używaj $ zamiast document.getElementById

Tak? Joy-machine jeśli chcesz używać $ zamiast getElementById najpierw musisz napisac sobie funkcję...

lukasz_sosnowiec HTML DOM dodaje kilka właściwości i metod dla elementów <table />, <tbody /> i <tr /> dzięki czemu budowanie tabeli może być prostsze: DOM Table, DOM TableRow i DOM TableCell (dwa pierwsze linki powinny Cię zainteresować najbardziej).

Przykład:

[HTML] pobierz, plaintext 
var oTable = document.createElement("table");
oTable.setAttribute("border", "1");
 
var oTBody = document.createElement("tbody");
oTable.appendChild(oTBody);
 
// tworzenie wiersza
oTBody.insertRow(0);
oTBody.rows[0].insertCell(0);
oTBody.rows[0].cells[0].appendChild(document.createTextNode("Komórka 1"));
oTBody.rows[0].insertCell(1);
oTBody.rows[0].cells[0].appendChild(document.createTextNode("Komórka 2"));
 
document.body.appendChild(oTable);
[HTML] pobierz, plaintext