From 1109132f09d75da9a28b649c7677bb6ce07c40c0 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:45 -0500 Subject: initial commit --- files/es/web/api/htmltableelement/align/index.html | 40 ++++++ files/es/web/api/htmltableelement/index.html | 72 +++++++++++ .../web/api/htmltableelement/insertrow/index.html | 144 +++++++++++++++++++++ 3 files changed, 256 insertions(+) create mode 100644 files/es/web/api/htmltableelement/align/index.html create mode 100644 files/es/web/api/htmltableelement/index.html create mode 100644 files/es/web/api/htmltableelement/insertrow/index.html (limited to 'files/es/web/api/htmltableelement') diff --git a/files/es/web/api/htmltableelement/align/index.html b/files/es/web/api/htmltableelement/align/index.html new file mode 100644 index 0000000000..de10e6cbc6 --- /dev/null +++ b/files/es/web/api/htmltableelement/align/index.html @@ -0,0 +1,40 @@ +--- +title: HTMLTableElement.align +slug: Web/API/HTMLTableElement/align +translation_of: Web/API/HTMLTableElement/align +--- +
+
{{APIRef("HTML DOM")}}{{deprecated_header()}}
+
+ +

La propiedad HTMLTableElement.align representa la alineación de la tabla.

+ +

Sintaxis

+ +
HTMLTableElement.align =alignment;
+varalignment =HTMLTableElement.align;
+ +

Parámetros

+ +
+
alignment {{deprecatedGeneric('inline','HTML4')}}
+
alignment es una cadena con uno de los siguientes valores: +
    +
  • left
    • +
  • center
    • +
  • right
    • +
+
+
+ +

Ejemplo

+ +
// Establecer la alineación de una tabla
+var t = document.getElementById('TableA');
+t.align = 'center';
+ +

Especificación

+ + diff --git a/files/es/web/api/htmltableelement/index.html b/files/es/web/api/htmltableelement/index.html new file mode 100644 index 0000000000..56ef6ad502 --- /dev/null +++ b/files/es/web/api/htmltableelement/index.html @@ -0,0 +1,72 @@ +--- +title: table +slug: Web/API/HTMLTableElement +tags: + - DOM + - Referencia_DOM_de_Gecko + - Todas_las_Categorías + - para_revisar +translation_of: Web/API/HTMLTableElement +--- +
{{ ApiRef() }}
+ +

Interfaz del elemento tabla HTML

+ +

Los objetos table revelan la interfaz del HTMLTableElement la cual posee métodos y propiedades especiales (más allá del interfaz regular del objeto del elemento que también tienen disponibles mediante herencia) para manipular la vista y presentación de tablas en HTML.

+ +

Propiedades

+ +
+
table.caption
+
caption devuelve la leyenda de la tabla.
+
table.tHead
+
tHead devuelve el encabezado de la tabla.
+
table.tFoot
+
tFoot devuelve el pie de la tabla.
+
table.rows
+
rows devuelve las filas de la tabla.
+
table.tBodies
+
tBodies devuelve los cuerpos de la tabla.
+
+ +
+
table.align {{Deprecated_inline}}
+
align da/define el alineamiento de la tabla.
+
table.bgColor{{Deprecated_inline}}
+
bgColor da/define el color de fondo de la tabla.
+
table.border {{Deprecated_inline()}}
+
border da/define el borde de la tabla.
+
table.cellPadding
+
cellPadding da/define el relleno interno de las celdas.
+
table.cellSpacing
+
cellSpacing da/define el espacio entre celdas.
+
table.frame
+
frame especifica que lados de la tabla tienen borde.
+
table.rules
+
rules especifica cuales de los bordes internos son visibles.
+
table.summary
+
summary da/define el resumen de la tabla.
+
table.width
+
width da/define el ancho de la tabla.
+
+ +

Métodos

+ +
+
table.createTHead
+
createTHead crea el encabezado de la tabla.
+
table.deleteTHead
+
deleteTHead elimina el encabezado de la tabla.
+
table.createTFoot
+
createTFoot crea el pie de tabla.
+
table.deleteTFoot
+
deleteTFoot elimina el pie de tabla.
+
table.createCaption
+
createCaption crea una nueva leyenda para la tabla.
+
table.deleteCaption
+
deleteCaption elimina la leyenda de tabla.
+
table.insertRow
+
insertRow inserta una nueva fila.
+
table.deleteRow
+
deleteRow elimina una fila.
+
diff --git a/files/es/web/api/htmltableelement/insertrow/index.html b/files/es/web/api/htmltableelement/insertrow/index.html new file mode 100644 index 0000000000..a3e49f3ac0 --- /dev/null +++ b/files/es/web/api/htmltableelement/insertrow/index.html @@ -0,0 +1,144 @@ +--- +title: HTMLTableElement.insertRow() +slug: Web/API/HTMLTableElement/insertRow +translation_of: Web/API/HTMLTableElement/insertRow +--- +
+
+
{{APIRef("HTML DOM")}}
+
+
+ +

El método HTMLTableElement.insertRow() inserta una nueva fila en la tabla.

+ +

Sintaxis

+ +
var row = HTMLTableElement.insertRow(optional index = -1);
+ + + +

Ejemplo

+ +
<table id="TableA">
+<tr>
+<td>Antigua fila superior</td>
+</tr>
+</table>
+<script type="text/javascript">
+
+function addRow(tableID) {
+  // Obtiene una referencia a la tabla
+  var tableRef = document.getElementById(tableID);
+
+  // Inserta una fila en la tabla, en el índice 0
+  var newRow   = tableRef.insertRow(0);
+
+  // Inserta una celda en la fila, en el índice 0
+  var newCell  = newRow.insertCell(0);
+
+  // Añade un nodo de texto a la celda
+  var newText  = document.createTextNode('Nueva fila superior');
+  newCell.appendChild(newText);
+}
+
+// Llama a addRow() con el ID de la tabla
+addRow('TableA');
+
+</script>
+ +

Para ser válida en un documento HTML, una TR debe contener al menos un elemento TD.

+ +

Observese que insertRow inserta la fila diréctamente en la tabla y retorna una referencia a la nueva fila. La fila no necesita ser añadida separadamente (p.e. con document.appendChild()) tal sería el caso si se usase document.createElement() para crear el nuevo elemento TR.

+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + + + + +
EspecificaciónEstadoObservaciones
{{SpecName("HTML WHATWG", "tables.html#dom-table-insertrow", "HTMLTableElement.insertRow()")}}{{Spec2("HTML WHATWG")}} 
{{SpecName("DOM2 HTML", "html.html#ID-93995626", "HTMLTableElement.insertRow()")}}{{Spec2("DOM2 HTML")}}Especificó con más detalle dónde se inserta la fila.
{{SpecName("DOM1", "level-one-html.html#ID-39872903", "HTMLTableElement.insertRow()")}}{{Spec2("DOM1")}}Definición inicial
+ +

Compatibilidad con navegadores

+ +
{{CompatibilityTable}}
+ +
+ + + + + + + + + + + + + + + + + + + +
PrestaciónChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico43[1]5.5104
+
+ +
+ + + + + + + + + + + + + + + + + + + +
PrestaciónAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +

[1] A partir deGecko 20.0 {{geckoRelease("20.0")}} el argumento index se estableció como opcional y con valor por defecto -1 según la especificación HTML.

+ +

Ver también

+ + -- cgit v1.2.3-54-g00ecf