From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- files/fr/web/api/domparser/index.md | 94 +++++++++++++++---------------------- 1 file changed, 37 insertions(+), 57 deletions(-) (limited to 'files/fr/web/api/domparser') diff --git a/files/fr/web/api/domparser/index.md b/files/fr/web/api/domparser/index.md index 28daa45409..75c3058daf 100644 --- a/files/fr/web/api/domparser/index.md +++ b/files/fr/web/api/domparser/index.md @@ -9,47 +9,44 @@ tags: - XML translation_of: Web/API/DOMParser --- -

{{APIRef("DOM")}}

+{{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")}}.

+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")}}.

+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.

+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")}}.

+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

+## Constructeur -
-
{{domxref("DOMParser.DOMParser","DOMParser()")}}
-
Crée un nouvel objet DOMParser.
-
+- {{domxref("DOMParser.DOMParser","DOMParser()")}} + - : Crée un nouvel objet `DOMParser`. -

Méthodes

+## 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")}}.
-
+- {{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

+## Exemple -

Analyse syntaxique de XML, SVG et HTML

+### 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.

+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();
+```js
+const parser = new DOMParser();
 
-const xmlString = "<warning>Attention au tigre</warning>";
+const xmlString = "Attention au tigre";
 const doc1 = parser.parseFromString(xmlString, "application/xml");
 // XMLDocument
 
-const svgString = "<circle cx=\"50\" cy=\"50\" r=\"50\"/>";
+const svgString = "";
 const doc2 = parser.parseFromString(svgString, "image/svg+xml");
 // XMLDocument
 
-const htmlString = "<strong>Attention au léopard</strong>";
+const htmlString = "Attention au léopard";
 const doc3 = parser.parseFromString(htmlString, "text/html");
 // HTMLDocument
 
@@ -61,38 +58,21 @@ console.log(doc2.firstChild.tagName);
 
 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

- - +``` + +## Spécifications + +| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------------------------------- | -------------------------------- | ----------- | +| {{SpecName('HTML WHATWG', '#dom-parsing-and-serialization', 'DOM parsing')}} | {{Spec2('HTML WHATWG')}} | | + +## Compatibilité des navigateurs + +{{Compat("api.DOMParser", 3)}} + +## Voir aussi + +- [Analyse syntaxique et sérialisation du XML](/efr/docs/Web/Guide/Parsing_and_serializing_XML) +- {{domxref("XMLHttpRequest")}} +- {{domxref("XMLSerializer")}} +- {{jsxref("JSON.parse()")}} - contrepartie pour les documents {{jsxref("JSON")}}. -- cgit v1.2.3-54-g00ecf