From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../fr/web/api/htmltableelement/caption/index.html | 26 ++++ files/fr/web/api/htmltableelement/index.html | 110 +++++++++++++++ .../web/api/htmltableelement/insertrow/index.html | 152 +++++++++++++++++++++ 3 files changed, 288 insertions(+) create mode 100644 files/fr/web/api/htmltableelement/caption/index.html create mode 100644 files/fr/web/api/htmltableelement/index.html create mode 100644 files/fr/web/api/htmltableelement/insertrow/index.html (limited to 'files/fr/web/api/htmltableelement') diff --git a/files/fr/web/api/htmltableelement/caption/index.html b/files/fr/web/api/htmltableelement/caption/index.html new file mode 100644 index 0000000000..a3d9226edd --- /dev/null +++ b/files/fr/web/api/htmltableelement/caption/index.html @@ -0,0 +1,26 @@ +--- +title: table.caption +slug: Web/API/HTMLTableElement/caption +tags: + - Référence_du_DOM_Gecko +translation_of: Web/API/HTMLTableElement/caption +--- +

{{ ApiRef() }}

+

Résumé

+

caption renvoie la légende du tableau.

+

Syntaxe

+
string = table.caption
+
+

Exemple

+
if (table.caption) {
+  // On peut alors faire quelque chose avec la légende du tableau
+}
+
+

Notes

+

Cette propriété ne renvoie rien s'il n'y a aucune légende pour le tableau.

+

Spécification

+ +

{{ languages( { "en": "en/DOM/table.caption", "pl": "pl/DOM/table.caption" } ) }}

diff --git a/files/fr/web/api/htmltableelement/index.html b/files/fr/web/api/htmltableelement/index.html new file mode 100644 index 0000000000..ab997c53a9 --- /dev/null +++ b/files/fr/web/api/htmltableelement/index.html @@ -0,0 +1,110 @@ +--- +title: table +slug: Web/API/HTMLTableElement +tags: + - Référence_du_DOM_Gecko +translation_of: Web/API/HTMLTableElement +--- +
+ {{ ApiRef() }}
+

Interface de l'élément HTML Table

+

Les objets table exposent l'interface HTMLTableElement (traduction), qui fournit des propriétés et méthodes spécialisées (outre l'interface des objets element qu'ils acquièrent également par héritage) pour manipuler la disposition et la présentation des tableaux en HTML.

+

Propriétés

+
+
+ table.caption
+
+ caption renvoie la légende du tableau.
+
+ table.tHead
+
+ tHead renvoie l'en-tête du tableau.
+
+ table.tFoot
+
+ tFoot renvoie le pied du tableau.
+
+ table.rows
+
+ rows renvoie les lignes du tableau.
+
+ table.tBodies
+
+ tBodies renvoie les corps du tableau.
+
+
+
+ table.align {{ Deprecated_inline() }}
+
+ align obtient ou définit l'alignement du tableau.
+
+ table.bgColor {{ Deprecated_inline() }}
+
+ bgColor obtient ou définit la couleur de fond du tableau.
+
+ table.border {{ Deprecated_inline() }}
+
+ border obtient ou défini la bordure du tableau.
+
+ table.cellPadding
+
+ cellPadding obtient ou définit les marges internes ( + + padding + ) des cellules.
+
+ table.cellSpacing
+
+ cellSpacing obtient ou définit l'espace entre les cellules.
+
+ table.frame
+
+ frame spécifie les côtés du tableau ayant une bordure.
+
+ table.rules
+
+ rules spécifie les bordures intérieures visibles.
+
+ table.summary
+
+ summary obtient ou définit le résumé du tableau.
+
+ table.width
+
+ width obtient ou définit la largeur du tableau.
+
+

Méthodes

+
+
+ table.createTHead
+
+ createTHead crée un en-tête de tableau.
+
+ table.deleteTHead
+
+ deleteTHead retire l'en-tête du tableau.
+
+ table.createTFoot
+
+ createTFoot crée un pied de tableau.
+
+ table.deleteTFoot
+
+ deleteTFoot retire un pied de tableau.
+
+ table.createCaption
+
+ createCaption crée une nouvelle légende pour le tableau.
+
+ table.deleteCaption
+
+ deleteCaption retire la légende d'un tableau.
+
+ table.insertRow
+
+ insertRow insère une nouvelle ligne.
+
+ table.deleteRow
+
+ deleteRow retire une ligne.
+
diff --git a/files/fr/web/api/htmltableelement/insertrow/index.html b/files/fr/web/api/htmltableelement/insertrow/index.html new file mode 100644 index 0000000000..737195cf29 --- /dev/null +++ b/files/fr/web/api/htmltableelement/insertrow/index.html @@ -0,0 +1,152 @@ +--- +title: table.insertRow +slug: Web/API/HTMLTableElement/insertRow +tags: + - API + - DOM HTML + - HTMLTableElement + - Méthode + - NeedsMobileBrowserCompatibility + - Reference +translation_of: Web/API/HTMLTableElement/insertRow +--- +
+

{{APIRef("HTML DOM")}}

+ +

La méthode HTMLTableElement.insertRow() insère une nouvelle ligne dans la table et retourne une référence à la nouvelle ligne.

+
+ +

Syntaxe

+ +
var ligne = HTMLTableElement.insertRow(optionnel indice = -1);
+ + + +

Exemple

+ +
<table id="TableA">
+<tr>
+<td>Ancienne ligne supérieure</td>
+</tr>
+</table>
+<script type="text/javascript">
+
+function ajouteLigne(tableID) {
+  // Récupération d'une référence à la table
+  var refTable = document.getElementById(tableID);
+
+  // Insère une ligne dans la table à l'indice de ligne 0
+  var nouvelleLigne = refTable.insertRow(0);
+
+  // Insère une cellule dans la ligne à l'indice 0
+  var nouvelleCellule = nouvelleLigne.insertCell(0);
+
+  // Ajoute un nœud texte à la cellule
+  var nouveauTexte = document.createTextNode('Nouvelle ligne supérieure')
+  nouvelleCellule.appendChild(nouveauTexte);
+}
+
+// Appelle ajouteLigne() avec l'ID d'une table
+ajouteLigne('TableA');
+
+</script>
+ +

Pour être valide dans un document HTML, un élément TR doit avoir au moins un élément TD.

+ +

Remarquez que insertRow insère directement la ligne dans la table et renvoie une référence à la nouvelle ligne. La ligne n'a pas besoin d'être ajoutée séparement comme cela aurait été le cas si document.createElement() avait été utilisé pour créer un nouvel élement TR.

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{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")}}Spécifie plus en détail où la ligne est insérée.
{{SpecName("DOM1", "level-one-html.html#ID-39872903", "HTMLTableElement.insertRow()")}}{{Spec2("DOM1")}}Définition initiale.
+ +

 

+ +

Compatibilité des navigateurs

+ +
+

{{CompatibilityTable}}

+ + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Support de base4{{CompatVersionUnknown}}3[1]5.5104
+ + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Support de base{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+ +

[1] A partir de Gecko 20.0 {{geckoRelease("20.0")}}, l'argument indice a été rendu optionnel et a -1 comme valeur par défaut d'après la spécification HTML.

+
+ +

Voir aussi

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