From c05efa8d7ae464235cf83d7c0956e42dc6974103 Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:14 +0200 Subject: move *.html to *.md --- files/fr/web/api/domparser/index.html | 98 ----------------------------------- files/fr/web/api/domparser/index.md | 98 +++++++++++++++++++++++++++++++++++ 2 files changed, 98 insertions(+), 98 deletions(-) delete mode 100644 files/fr/web/api/domparser/index.html create mode 100644 files/fr/web/api/domparser/index.md (limited to 'files/fr/web/api/domparser') diff --git a/files/fr/web/api/domparser/index.html b/files/fr/web/api/domparser/index.html deleted file mode 100644 index 28daa45409..0000000000 --- a/files/fr/web/api/domparser/index.html +++ /dev/null @@ -1,98 +0,0 @@ ---- -title: DOMParser -slug: Web/API/DOMParser -tags: - - API - - DOM - - HTML - - SVG - - XML -translation_of: Web/API/DOMParser ---- -

{{APIRef("DOM")}}

- -

L'interface DOMParser permet d'analyser le code source {{Glossary("XML")}} ou {{Glossary("HTML")}} d'une chaîne de caractères dans le DOM {{domxref("Document")}}.

- -

Vous pouvez effectuer l'opération inverse - convertir un arbre DOM en source XML ou HTML - en utilisant l'interface {{domxref("XMLSerializer")}}.

- -

Dans le cas d'un document HTML, vous pouvez également remplacer des parties du DOM par de nouveaux arbres DOM construits à partir de HTML en définissant la valeur des propriétés {{domxref("Element.innerHTML", "innerHTML")}} et {{domxref("Element.outerHTML", "outerHTML")}}. Ces propriétés peuvent également être lues pour récupérer les fragments HTML correspondant au sous-arbre DOM correspondant.

- -

Notez que {{domxref("XMLHttpRequest")}} peut analyser le XML et le HTML directement à partir d'une ressource adressable par URL, en renvoyant un Document dans sa propriété {{domxref("XMLHttpRequest.response", "response")}}.

- -

Constructeur

- -
-
{{domxref("DOMParser.DOMParser","DOMParser()")}}
-
Crée un nouvel objet DOMParser.
-
- -

Méthodes

- -
-
{{domxref("DOMParser.parseFromString()")}}
-
Analyse une chaîne de caractères à l'aide de l'analyseur HTML ou de l'analyseur XML, et retourne un {{domxref("HTMLDocument")}} ou {{domxref("XMLDocument")}}.
-
- -

Exemple

- -

Analyse syntaxique de XML, SVG et HTML

- -

Cet exemple montre comment analyser le XML, le SVG et le HTML. Notez qu'un type MIME de text/html invoquera l'analyseur HTML, et que tout autre type MIME accepté par cette méthode invoquera l'analyseur XML.

- -
const parser = new DOMParser();
-
-const xmlString = "<warning>Attention au tigre</warning>";
-const doc1 = parser.parseFromString(xmlString, "application/xml");
-// XMLDocument
-
-const svgString = "<circle cx=\"50\" cy=\"50\" r=\"50\"/>";
-const doc2 = parser.parseFromString(svgString, "image/svg+xml");
-// XMLDocument
-
-const htmlString = "<strong>Attention au léopard</strong>";
-const doc3 = parser.parseFromString(htmlString, "text/html");
-// HTMLDocument
-
-console.log(doc1.documentElement.textContent)
-// "Attention au tigre"
-
-console.log(doc2.firstChild.tagName);
-// "circle"
-
-console.log(doc3.body.firstChild.textContent);
-// "Attention au léopard"
-
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG', '#dom-parsing-and-serialization', 'DOM parsing')}} - {{Spec2('HTML WHATWG')}}
- -

Compatibilité des navigateurs

- -

{{Compat("api.DOMParser", 3)}}

- -

Voir aussi

- - diff --git a/files/fr/web/api/domparser/index.md b/files/fr/web/api/domparser/index.md new file mode 100644 index 0000000000..28daa45409 --- /dev/null +++ b/files/fr/web/api/domparser/index.md @@ -0,0 +1,98 @@ +--- +title: DOMParser +slug: Web/API/DOMParser +tags: + - API + - DOM + - HTML + - SVG + - XML +translation_of: Web/API/DOMParser +--- +

{{APIRef("DOM")}}

+ +

L'interface DOMParser permet d'analyser le code source {{Glossary("XML")}} ou {{Glossary("HTML")}} d'une chaîne de caractères dans le DOM {{domxref("Document")}}.

+ +

Vous pouvez effectuer l'opération inverse - convertir un arbre DOM en source XML ou HTML - en utilisant l'interface {{domxref("XMLSerializer")}}.

+ +

Dans le cas d'un document HTML, vous pouvez également remplacer des parties du DOM par de nouveaux arbres DOM construits à partir de HTML en définissant la valeur des propriétés {{domxref("Element.innerHTML", "innerHTML")}} et {{domxref("Element.outerHTML", "outerHTML")}}. Ces propriétés peuvent également être lues pour récupérer les fragments HTML correspondant au sous-arbre DOM correspondant.

+ +

Notez que {{domxref("XMLHttpRequest")}} peut analyser le XML et le HTML directement à partir d'une ressource adressable par URL, en renvoyant un Document dans sa propriété {{domxref("XMLHttpRequest.response", "response")}}.

+ +

Constructeur

+ +
+
{{domxref("DOMParser.DOMParser","DOMParser()")}}
+
Crée un nouvel objet DOMParser.
+
+ +

Méthodes

+ +
+
{{domxref("DOMParser.parseFromString()")}}
+
Analyse une chaîne de caractères à l'aide de l'analyseur HTML ou de l'analyseur XML, et retourne un {{domxref("HTMLDocument")}} ou {{domxref("XMLDocument")}}.
+
+ +

Exemple

+ +

Analyse syntaxique de XML, SVG et HTML

+ +

Cet exemple montre comment analyser le XML, le SVG et le HTML. Notez qu'un type MIME de text/html invoquera l'analyseur HTML, et que tout autre type MIME accepté par cette méthode invoquera l'analyseur XML.

+ +
const parser = new DOMParser();
+
+const xmlString = "<warning>Attention au tigre</warning>";
+const doc1 = parser.parseFromString(xmlString, "application/xml");
+// XMLDocument
+
+const svgString = "<circle cx=\"50\" cy=\"50\" r=\"50\"/>";
+const doc2 = parser.parseFromString(svgString, "image/svg+xml");
+// XMLDocument
+
+const htmlString = "<strong>Attention au léopard</strong>";
+const doc3 = parser.parseFromString(htmlString, "text/html");
+// HTMLDocument
+
+console.log(doc1.documentElement.textContent)
+// "Attention au tigre"
+
+console.log(doc2.firstChild.tagName);
+// "circle"
+
+console.log(doc3.body.firstChild.textContent);
+// "Attention au léopard"
+
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('HTML WHATWG', '#dom-parsing-and-serialization', 'DOM parsing')}} + {{Spec2('HTML WHATWG')}}
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.DOMParser", 3)}}

+ +

Voir aussi

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