From 6772831200d14c2436aea2d0c837f40dbf12156f Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Sun, 26 Sep 2021 13:11:47 +0200 Subject: Prepare Web API section for Markdown conversion (#2464) * Remove summary classes and ids * Remove unecessary hidden * Remove useless span filled with useless attributes / ids * Remove useless font * Remove notranslate * Remove id in other elements than headings * Remove name attributes * Remove
 for JS w/ language-js class

* Remove 
 for HTML w/ language-html class

* Remove 
 for other lang w/ language-* class

* Rm highlighted line in code samples

* fix links, internal, external, absolute URLs

* missing file from last commit

* Fix styles errors apart from table + some classes

* Fix notes and warnings (+ some other :x)

* fix typo during merge which broke a doc

* aand forgot a conflict

* fix remaining classes of errors except dls and images

* Fix dls

* Fix images (deki/mozillademos) and remaining style issues

* Remove script tag from svg file

* Remove script tag from svg fileS

* Compress SVG files for CI
---
 .../api/document/createdocumentfragment/index.html | 28 +++++++++++-----------
 1 file changed, 14 insertions(+), 14 deletions(-)

(limited to 'files/fr/web/api/document/createdocumentfragment')

diff --git a/files/fr/web/api/document/createdocumentfragment/index.html b/files/fr/web/api/document/createdocumentfragment/index.html
index 806a9db921..629d26ed27 100644
--- a/files/fr/web/api/document/createdocumentfragment/index.html
+++ b/files/fr/web/api/document/createdocumentfragment/index.html
@@ -14,7 +14,7 @@ translation_of: Web/API/Document/createDocumentFragment
 
 

Crée un nouvel objet vide de type {{domxref("DocumentFragment")}}.

-

Syntaxe

+

Syntaxe

var fragment = document.createDocumentFragment();
 
@@ -27,29 +27,29 @@ translation_of: Web/API/Document/createDocumentFragment

Le principal avantage de cette méthode de mise à jour du DOM vient du fait que le fragment est stocké en mémoire, et pas dans l'arbre DOM lui-même, de sorte que le modifier ne déclenche pas de reflow (le calcul des positions et de la géométrie de chacun des éléments de la page affichée). Par conséquent, l´utilisation de fragments pour effectuer des mises à jour du DOM donne souvent lieu à une amélioration des performances.

-

Exemple

+

Exemple

Cet exemple crée une liste des principaux navigateurs du web.

HTML

-
<ul id="ul">
-</ul>
+
<ul id="ul">
+</ul>

JavaScript

-
var element  = document.getElementById('ul'); // en supposant qu'ul existe
-var fragment = document.createDocumentFragment();
-var browsers = ['Firefox', 'Chrome', 'Opera',
-    'Safari', 'Internet Explorer'];
+
var element  = document.getElementById('ul'); // en supposant qu'ul existe
+var fragment = document.createDocumentFragment();
+var browsers = ['Firefox', 'Chrome', 'Opera',
+    'Safari', 'Internet Explorer'];
 
-browsers.forEach(function(browser) {
-    var li = document.createElement('li');
-    li.textContent = browser;
-    fragment.appendChild(li);
-});
+browsers.forEach(function(browser) {
+    var li = document.createElement('li');
+    li.textContent = browser;
+    fragment.appendChild(li);
+});
 
-element.appendChild(fragment);
+element.appendChild(fragment);

Résultat

-- cgit v1.2.3-54-g00ecf