Objek DOM Table HTML

Objek Table

Objek Table mewakili elemen HTML <table>.

Akses Objek Table

Anda dapat menggunakan getElementById() untuk mengakses elemen <table>.

var x = document.getElementById("myTable");

Coba sendiri

Buat Objek Table

Anda dapat menggunakan metode document.createElement() untuk membuat elemen <table>.

var x = document.createElement("TABLE");

Coba sendiri

Kumpulan Objek Table

Kumpulan Penerangan
cells Kembalikan kumpulan semua elemen <td> atau <th> didalam tabel.
rows Kembalikan kumpulan semua elemen <tr> didalam tabel.
tBodies Kembalikan kumpulan semua elemen <tbody> didalam tabel.

Atribut Objek Table

Atribut Penerangan
align

Tidak disokong di HTML5.Gunakan style.cssFloat.

Tetapkan atau kembalikan cara penarikan tabel terhadap teks sekeliling.

background

Tidak disokong di HTML5.Gunakan style.background.

Tetapkan atau kembalikan gambar latar tabel.

bgColor

Tidak disokong di HTML5.Gunakan style.backgroundColor.

Tetapkan atau kembalikan warna latar tabel.

border

Ditinggalkan.Gunakan style.border.

Tetapkan atau kembalikan lebar garis pinggir tabel.

caption Kembalikan elemen <caption> tabel.
cellPadding

Tidak disokong di HTML5.Gunakan style.padding.

Tetapkan atau kembalikan jarak antara garis pinggir sel dan konten sel.

cellSpacing

Tidak disokong di HTML5.Gunakan style.borderSpacing.

Tetapkan atau kembalikan ukuran ruang di antara sel dalam tabel.

frame

Tidak disokong di HTML5.

Tetapkan atau kembalikan garisan luar yang mesti dipaparkan (luar tabel).

height

Tidak disokong di HTML5.Gunakan style.height.

Tetapkan atau kembalikan tinggi tabel.

rules

Tidak disokong di HTML5.

Tetapkan atau kembalikan jarak luar antara sel dalam tabel (antara sel).

summary

Tidak disokong di HTML5.

Tetapkan atau kembalikan penerangan data dalam tabel.

tFoot Kembalikan referensi kepada elemen <tfoot> tabel.
tHead Kembalikan referensi kepada elemen <thead> tabel.
width

Tidak disokong di HTML5.Gunakan style.width.

Tetapkan atau kembalikan lebar tabel.

Metoden Objek Table

Metoden Penerangan
createCaption() Buat elemen <caption> kosong dan tambahkan ke dalam tabel.
createTFoot() Buat elemen <tfoot> kosong dan tambahkan ke dalam tabel.
createTHead() Buat elemen <thead> kosong dan tambahkan ke dalam tabel.
deleteCaption() Buang elemen <caption> pertama daripada tabel.
deleteRow() Buang baris (<tr>) daripada tabel.
deleteTFoot() Buang elemen <tfoot> daripada tabel.
deleteTHead() Buang elemen <thead> daripada tabel.
insertRow() Buat elemen <tr> kosong dan tambahkan ke dalam tabel.

Atribut dan peristiwa standard

Objek Table mendukung standardAtributdanPeristiwa.

Halaman yang berkaitan

Maklumat panduan HTML:Tabel HTML

Panduan HTML:Tanda <table> HTML