E-learn.ro
Panou utilizatori
Utilizator Parola
Creeaza cont nou    Recupereaza parola
Login
Newsletter
Introdu adresa ta de email
Inscrie-te
Inchide panoul de utilizatori
Add to Google

Tutoriale Javascript

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

WEB DEVELOPMENT  /  Javascript  /  Diverse (7)

Crearea dinamica a unui rand intr-un tabel

12.05.2008
Crearea dinamica a unui rand intr-un tabel

Folosirea JavaScript pentru crearea dinamica a unui rand intr-un tabel.

Total vizualizari: 3166 3166 afisari   |   Comentarii  0   |   Rating   |   (0 voturi)   |   Timp necesar: 10 min 10 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Sursa:  E-learn.ro  
Autor:  E-learn.ro
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
1
comenteaza printeaza
function addNewRow(tableRef){
    var myTable = document.getElementById(tableRef);
    var tBody = myTable.getElementsByTagName('tbody')[0];
    var newTR = document.createElement('tr');
    var newTD = document.createElement('td');
    newTD.innerHTML = 'This is a new row';
    newTR.appendChild(newTD);
    tBody.appendChild(newTR);
}

Variabila myTable contine referinta la tabelul in care vrem sa adaugam TR. Variabila tBody se refera la elementul tbody care ar trebui sa fie in fiecare tabel in concordanta cu DOM. Fiecare tabel poate avea un element tbody iar TR si TD exista in acest element tbody. Variabila newTR contine referinta la nou creatul 'tr'. Similar newTD contine referinta la nou creatul 'td'.

Adaugam un text mic in 'td', apoi newTD il adaugam la 'tr'. Adaugarea inseamna defapt ca atasam elementul in DOM (Document Object Model) pentru a deveni vizibil. Ca ultima operatie, se adauga 'tr' in 'tbody'. Daca in schimb am scrie myTable.appendChild(newTR), scriptul nu va functiona in Internet Explorer.

Pagina:
1
comenteaza printeaza
Alte tutoriale Javascript:
Noteaza acest tutorial
Rating tutorial
 
(0 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
Posteaza un comentariu
Pentru a posta un comentariu, trebuie sa fii logat!
0 TOP UTILIZATORI* 0 0
Tutoriale scrise de claibornelara
claibornelara Rang utilizator claibornelara - Incepator
5190
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
5145
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4990
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
4975
Tutoriale scrise de beacherrosa
beacherrosa Rang utilizator beacherrosa - Incepator
4735
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
AJAX Sony Vegas Excel Vista PHP CSS Flash COREL DRAW SWF Photoshop Lightroom Outlook Swift 3D Fotografie Dreamweaver Java Ruby on Rails Gimp JSON Action Script StyleSheet HTML Powerpoint Fireworks MySQL XHTML Verilog SEO Python Javascript RoR Word Bridge XML PSD Illustrator
Promovare:
Daca faci parte din comunitatea E-learn.ro si doresti promovarea acesteia, poti accesa pagina de promovare.
Arhiva newsletter:
Daca ai ratat un numar mai vechi, sau vrei sa revezi care au fost noutatile E-learn.ro la un moment dat, poti accesa arhiva de newslettere.
  Copyright © 2008-2013 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software