From 9daad59fa2578dcc9603833b0a9a22b93d362b5e Mon Sep 17 00:00:00 2001 From: MDN Date: Fri, 16 Apr 2021 00:10:51 +0000 Subject: [CRON] sync translated content --- .../api/parentnode/firstelementchild/index.html | 46 ++++++++++ .../web/api/parentnode/lastelementchild/index.html | 98 ++++++++++++++++++++++ 2 files changed, 144 insertions(+) create mode 100644 files/fr/orphaned/web/api/parentnode/firstelementchild/index.html create mode 100644 files/fr/orphaned/web/api/parentnode/lastelementchild/index.html (limited to 'files/fr/orphaned') diff --git a/files/fr/orphaned/web/api/parentnode/firstelementchild/index.html b/files/fr/orphaned/web/api/parentnode/firstelementchild/index.html new file mode 100644 index 0000000000..ae70e6aa66 --- /dev/null +++ b/files/fr/orphaned/web/api/parentnode/firstelementchild/index.html @@ -0,0 +1,46 @@ +--- +title: Element.firstElementChild +slug: orphaned/Web/API/ParentNode/firstElementChild +tags: + - Parcours arborescence +translation_of: Web/API/ParentNode/firstElementChild +original_slug: Web/API/ParentNode/firstElementChild +--- +

{{ gecko_minversion_header("1.9.1") }}

+ +

{{ ApiRef() }}

+ +

Résumé

+ +

firstElementChild renvoie le premier élément enfant d'un élément ou null s'il n'y a pas de descendants.

+ +

Syntaxe and valeurs

+ +
var NoeudEnfant = ReferenceElementNoeud.firstElementChild; 
+ +

NoeudEnfant est une référence vers le premier élément enfant de l'élément noeud , ou null s'il n'y en a pas.

+ +

Cet attribut est en lecture seule.

+ +

Exemple

+ +
<p id="para-01">
+  <span>Premier span</span>
+</p>
+
+<script type="text/javascript">
+  var p01 = document.getElementById('para-01');
+  alert(p01.firstElementChild.nodeName)
+</script>
+ +

Dans cet exemple la fonction alert affiche "SPAN", qui est le nom du premier nœud enfant de l'élément paragraphe.

+ +

Voir aussi

+ + diff --git a/files/fr/orphaned/web/api/parentnode/lastelementchild/index.html b/files/fr/orphaned/web/api/parentnode/lastelementchild/index.html new file mode 100644 index 0000000000..8698a44f2b --- /dev/null +++ b/files/fr/orphaned/web/api/parentnode/lastelementchild/index.html @@ -0,0 +1,98 @@ +--- +title: ParentNode.lastElementChild +slug: orphaned/Web/API/ParentNode/lastElementChild +tags: + - API + - DOM + - Noeuds + - Propriétés + - parent +translation_of: Web/API/ParentNode/lastElementChild +original_slug: Web/API/ParentNode/lastElementChild +--- +

{{ APIRef("DOM") }}

+ +

La propriété en lecture seule ParentNode.lastElementChild  renvoie  le dernier enfant de l'objet {{domxref("Element")}} ou null s'il n'y a pas d'élément enfant.

+ +
+

Cette propriiété a été définie initialement dans la pure interface {{domxref("ElementTraversal")}}. Comme cette interface contenait deux différents jeux de propriétés, l'un visant les  {{domxref("Node")}} (noeuds) qui ont des enfants, l'autre les enfants, ils ont été déplacés dans deux interfaces pures, {{domxref("ParentNode")}} et {{domxref("ChildNode")}}. Dans ce cas, childElementCount a été rattaché à {{domxref("ParentNode")}}. C'est un changement assez technique qui ne devrait pas affecter la compatibilité.

+
+ +

Syntaxe

+ +
var element = node.lastElementChild; 
+ +

Exemple

+ +
<ul id="foo">
+  <li>First  (1)</li>
+  <li>Second (2)</li>
+  <li>Third  (3)</li>
+</ul>
+
+<script>
+var foo = document.getElementById('foo');
+// produit : Third  (3)
+console.log(foo.lastElementChild.textContent);
+</script>
+
+ +

Polyfill for IE8, IE9 and Safari

+ +
// Remplace le prototype "lastElementChild" natif.
+// Ajout de Document & DocumentFragment pris en charge pour IE9 & Safari.
+// Renvoie un tableau (array) à la place de HTMLCollection.
+;(function(constructor) {
+    if (constructor &&
+        constructor.prototype &&
+        constructor.prototype.lastElementChild == null) {
+        Object.defineProperty(constructor.prototype, 'lastElementChild', {
+            get: function() {
+                var node, nodes = this.childNodes, i = nodes.length - 1;
+                while (node = nodes[i--]) {
+                    if (node.nodeType === 1) {
+                        return node;
+                    }
+                }
+                return null;
+            }
+        });
+    }
+})(window.Node || window.Element);
+
+ +

Spécification

+ + + + + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('DOM WHATWG', '#dom-parentnode-lastelementchild', 'ParentNode.lastElementChild')}}{{Spec2('DOM WHATWG')}}Divise l'interface ElementTraversal en {{domxref("ChildNode")}} et ParentNode. La propriété est maintenant définie sur cette dernière.
+ Les {{domxref("Document")}} et {{domxref("DocumentFragment")}} implémentent la nouvelle interface.
{{SpecName('Element Traversal', '#attribute-lastElementChild', 'ElementTraversal.lastElementChild')}}{{Spec2('Element Traversal')}}Ajout de sa définition initiale à la pure interface ElementTraversal et de son utilisation sur {{domxref("Element")}}.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.ParentNode.lastElementChild")}}

+ +

Voir aussi

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