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 --- .../web/api/element/insertadjacenttext/index.html | 127 --------------------- 1 file changed, 127 deletions(-) delete mode 100644 files/fr/web/api/element/insertadjacenttext/index.html (limited to 'files/fr/web/api/element/insertadjacenttext/index.html') diff --git a/files/fr/web/api/element/insertadjacenttext/index.html b/files/fr/web/api/element/insertadjacenttext/index.html deleted file mode 100644 index f0ab71ddad..0000000000 --- a/files/fr/web/api/element/insertadjacenttext/index.html +++ /dev/null @@ -1,127 +0,0 @@ ---- -title: Element.insertAdjacentText() -slug: Web/API/Element/insertAdjacentText -tags: - - API - - DOM - - Element - - Insertion - - Méthodes - - Texte -translation_of: Web/API/Element/insertAdjacentText ---- -

{{APIRef("DOM")}}

- -

La méthode insertAdjacentText() insère un noeud texte donné à une position donnée par rapport à l'élément sur lequel elle est appelé.

- -

Syntaxe

- -
element.insertAdjacentText(position, element);
- -

Paramètres

- -
-
position
-
Une {{domxref("DOMString")}} (chaîne de caractères) représentant la position par rapport à l'element ; elle doit être l'une des chaînes suivantes : -
    -
  • 'beforebegin' : avant l'element lui-même ;
    • -
  • 'afterbegin' : à l'intérieur de l'element, avant son premier enfant ;
    • -
  • 'beforeend' : à l'intérieur de l'element, avant son dernier enfant ;
    • -
  • 'afterend' : après l'element lui-même.
    • -
-
-
element
-
Une {{domxref("DOMString")}} (chaîne de caractères) représentant le texte à insérer dans l'arbre.
-
- -

Valeur renvoyée

- -

Vide.

- -

Exceptions

- - - - - - - - - - - - - - -
ExceptionExplication
SyntaxErrorLa position indiquée n'est pas une valeur reconnue.
- -

Visualisation des noms de position

- -
<!-- beforebegin -->
-<p>
-<!-- afterbegin> -->
-machin
-<!-- beforeend -->
-</p>
-<!-- afterend -->
- -
-

Note : Les positions beforebegin et afterend ne fonctionnent que si le noeud est dans l'arbre et possède un élément parent.

-
- -

Exemple

- -
beforeBtn.addEventListener('click', function() {
-  para.insertAdjacentText('afterbegin',textInput.value);
-});
-
-afterBtn.addEventListener('click', function() {
-  para.insertAdjacentText('beforeend',textInput.value);
-});
- -

Jetez un œil à notre démo insertAdjacentText.html sur GitHub (voir le code source aussi). Ici, nous avons un simple paragraphe. Vous pouvez entrer du texte dans l'élément de formulaire, puis presser les boutons Insert before (insère avant) et Insert after (insère après) pour l'insérer avant ou après le texte de paragraphe existant en utilisant insertAdjacentText(). Notez que le nœud texte existant n'y est pas ajouté — d'autres nœuds de texte sont créés contenant le nouvel ajout.

- -

Émulation

- -

Vous pouvez utiliser une émulation de la méthode insertAdjacentText() dans Internet Explorer 5.5 (et peut-être antérieur) et supérieur avec le code suivant :

- -
if (!Element.prototype.insertAdjacentText)
-  Element.prototype.insertAdjacentText = function(type, txt){
-    this.insertAdjacentHTML(
-      type,
-      (txt+'') // convertir en chaîne de caractères
-        .replace(/&/g, '&amp;') // intégrer des symboles d'esperluette
-        .replace(/</g, '&lt;') // intégrer les symboles "plus petit que"
-    )
-  }
-
- -

Spécification

- - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('DOM WHATWG', '#dom-element-insertadjacenttext', 'insertAdjacentText()')}}{{ Spec2('DOM WHATWG') }}
- -

Compatibilité des navigateurs

- -

{{Compat("api.Element.insertAdjacentText")}}

- -

Voir aussi

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