Funcționare dinamică cu mese - scripturi web ușoare

  1. creație;
  2. gestionarea atributelor;
  3. Adăugați / eliminați coloane și rânduri;
  4. rânduri în mișcare;
  5. umplerea celulelor

1. Crearea unei mese

Pentru a crea un nou tabel pe pagină, aveți nevoie pentru a genera elementul TABLE (createElement ()) și adăugați-l la structura ierarhică a documentului prin metoda appendChild ():







2. Managementul atributului

Există două modalități de atribuire a atributelor unui element: utilizând metoda setAttribute ()

și acces direct la proprietățile obiectului

Există, de asemenea, o modalitate mai ușoară de a adăuga un tabel cu anumite atribute unui document:

3. Adăugați / eliminați coloane și rânduri și 4. Mutați rânduri

Pentru a insera rânduri, utilizați metoda insertRow (), insertCell () cells:







Următorul exemplu funcționează numai în IE:

De ce nu funcționează setAttribute ( „bgcolor“, „# FF0000) pentru celulele TD tabel create folosind createElement (#«TD #») în Internet Explorer, în general, nu poate în nici un fel nu există culoare pentru a face masa .... (FF și Opera toate nomralno.

Multumesc pentru site! Am ajutat foarte mult la înțelegerea formatării tabelelor. Nu știu dacă este o greșeală, dar aici # 'în mijlocul codului este superfluă: var t = document.getElementsById (#' t1 # '); Și totuși, fără să fi înțeles cu: rândurile [i] .className = "ciudat"; Am ales metoda: rânduri [i] .style.background = "# DDDDFF";

Bună ziua, am un formular HTML, atunci când se umple care, după presare, datele du-te la baza de date și din informațiile de bază de date vine în tabelul html, care este situat sub acest formy.A am nevoie pentru a actualiza în mod dinamic informații în cursul datelor care intră într-o formă adică înainte de a apăsa butonul, spune-mi te rog, pot să se asocieze o formă de tabel direct (nu prin bază), sau poate avea un alt mod? și este meritat să rescrieți toate calculele de la php la javascript (pentru a apela onkeyup)? Vă mulțumim anticipat!

Mulțumesc! Într-adevăr foarte valoroase informații!







Articole similare

Trimiteți-le prietenilor: