diff options
author | julieng <julien.gattelier@gmail.com> | 2021-10-02 17:20:24 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-02 17:30:20 +0200 |
commit | 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch) | |
tree | 30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/domparser | |
parent | c05efa8d7ae464235cf83d7c0956e42dc6974103 (diff) | |
download | translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2 translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip |
convert content to md
Diffstat (limited to 'files/fr/web/api/domparser')
-rw-r--r-- | files/fr/web/api/domparser/index.md | 94 |
1 files changed, 37 insertions, 57 deletions
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 --- -<p>{{APIRef("DOM")}}</p> +{{APIRef("DOM")}} -<p>L'interface <strong><code>DOMParser</code></strong> permet d'analyser le code source {{Glossary("XML")}} ou {{Glossary("HTML")}} d'une chaîne de caractères dans le DOM {{domxref("Document")}}.</p> +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")}}. -<p>Vous pouvez effectuer l'opération inverse - convertir un arbre DOM en source XML ou HTML - en utilisant l'interface {{domxref("XMLSerializer")}}.</p> +Vous pouvez effectuer l'opération inverse - convertir un arbre DOM en source XML ou HTML - en utilisant l'interface {{domxref("XMLSerializer")}}. -<p>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.</p> +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. -<p>Notez que {{domxref("XMLHttpRequest")}} peut analyser le XML et le HTML directement à partir d'une ressource adressable par URL, en renvoyant un <code>Document</code> dans sa propriété {{domxref("XMLHttpRequest.response", "response")}}.</p> +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")}}. -<h2 id="Constructor">Constructeur</h2> +## Constructeur -<dl> - <dt>{{domxref("DOMParser.DOMParser","DOMParser()")}}</dt> - <dd>Crée un nouvel objet <code>DOMParser</code>.</dd> -</dl> +- {{domxref("DOMParser.DOMParser","DOMParser()")}} + - : Crée un nouvel objet `DOMParser`. -<h2 id="Methods">Méthodes</h2> +## Méthodes -<dl> - <dt>{{domxref("DOMParser.parseFromString()")}}</dt> - <dd>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")}}.</dd> -</dl> +- {{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")}}. -<h2 id="Example">Exemple</h2> +## Exemple -<h3>Analyse syntaxique de XML, SVG et HTML</h3> +### Analyse syntaxique de XML, SVG et HTML -<p>Cet exemple montre comment analyser le XML, le SVG et le HTML. Notez qu'un type MIME de <code>text/html</code> invoquera l'analyseur HTML, et que tout autre type MIME accepté par cette méthode invoquera l'analyseur XML.</p> +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. -<pre class="brush: js">const parser = new DOMParser(); +```js +const parser = new DOMParser(); -const xmlString = "<warning>Attention au tigre</warning>"; +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 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 htmlString = "<strong>Attention au léopard</strong>"; 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" -</pre> - -<h2 id="Specifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', '#dom-parsing-and-serialization', 'DOM parsing')}} - </td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.DOMParser", 3)}}</p> - -<h2 id="See_also">Voir aussi</h2> - -<ul> - <li><a href="/efr/docs/Web/Guide/Parsing_and_serializing_XML">Analyse syntaxique et sérialisation du XML</a> - </li> - <li>{{domxref("XMLHttpRequest")}}</li> - <li>{{domxref("XMLSerializer")}}</li> - <li>{{jsxref("JSON.parse()")}} - contrepartie pour les documents {{jsxref("JSON")}}.</li> -</ul> +``` + +## 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")}}. |