Los últimos tutoriales de desarrollo web
 

HTML DOM tabla de objetos


Tabla de objetos

El objeto de tabla representa un HTML <table> elemento.

Acceder a un objeto de tabla

Puede acceder a un <table> elemento mediante el uso de getElementById() :

Ejemplo

var x = document.getElementById("myTable");
Inténtalo tú mismo "

Crear un objeto de tabla

Se puede crear un <table> elemento mediante el document. createElement() document. createElement() método:

Ejemplo

var x = document.createElement("TABLE");
Inténtalo tú mismo "

Colecciones tabla de objetos

Colección Descripción
rows Devuelve una colección de todos los <tr> elementos en una tabla
tBodies Devuelve una colección de todos los <tbody> elementos en una tabla

Propiedades de tabla de objetos

Propiedad Descripción
align No se admite en HTML5. Utilice style.cssFloat lugar.
Establece o devuelve la alineación de una tabla según el texto que rodea
background No se admite en HTML5. Utilice style.background lugar.
Establece o devuelve la imagen de fondo de una tabla
bgColor No se admite en HTML5. Utilice style.backgroundColor lugar.
Establece o devuelve el color de fondo de una tabla
border Obsoleto. Utilice style.border lugar.
Establece o devuelve el ancho del borde de la tabla.
caption Devuelve el <caption> elemento de una tabla
cellPadding No se admite en HTML5. Utilice style.padding lugar.
Establece o devuelve la cantidad de espacio entre el borde de la celda y el contenido celular
cellSpacing No se admite en HTML5. Utilice style.borderSpacing lugar.
Establece o devuelve la cantidad de espacio entre las celdas de una tabla
frame No se admite en HTML5.
Establece o devuelve en qué exteriores-fronteras (of a table) que se debe mostrar
height No se admite en HTML5. Utilice style.height lugar.
Establece o devuelve la altura de una mesa
rules No se admite en HTML5.
Establece o devuelve en qué interiores-fronteras (between the cells) que se debe mostrar en una tabla
summary No se admite en HTML5.
Establece o devuelve una descripción de los datos en una tabla
tFoot Devuelve una referencia al <tfoot> elemento de una tabla
tHead Devuelve una referencia al <thead> elemento de una tabla
width No se admite en HTML5. Utilice style.width lugar.
Establece o devuelve el ancho de la tabla

Métodos tabla de objetos

Método Descripción
createCaption() Crea un vacío <caption> elemento y lo añade a la tabla
createTFoot() Crea un vacío <tfoot> elemento y lo añade a la tabla
createTHead() Crea un vacío <thead> elemento y lo añade a la tabla
deleteCaption() Elimina el primer <caption> elemento de la tabla
deleteRow() Elimina una fila (<tr>) de la mesa
deleteTFoot() Elimina el <tfoot> elemento de la tabla
deleteTHead() Elimina el <thead> elemento de la tabla
insertRow() Crea un vacío <tr> elemento y lo añade a la tabla

Propiedades estándar y Eventos

El objeto de tabla también es compatible con el estándar de propiedades y eventos .


Páginas relacionadas

Tutorial de HTML: tablas HTML

Referencia HTML: HTML <table> etiqueta