/
index.md
86 lines (59 loc) · 2.04 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
---
title: Element.after()
slug: Web/API/Element/after
---
{{APIRef("DOM")}}
La méthode **`Element.after()`** permet d'insérer un ensemble d'objets [`Node`](/fr/docs/Web/API/Node) ou de chaînes de caractères dans la liste des enfants du parent de l'objet `Element` courant, juste après ce dernier.
Les objets qui sont des chaînes de caractères sont insérés comme des nœuds [`Text`](/fr/docs/Web/API/Text).
## Syntaxe
```js
after(noeud1);
after(noeud1, noeud2);
after(noeud1, noeud2, /* ... ,*/ noeudN);
```
### Paramètres
- `noeud1`, …, `noeudN`
- : Un ensemble d'objets [`Node`](/fr/docs/Web/API/Node) ou de chaînes de caractères à insérer.
### Exceptions
- [`DOMException`](/fr/docs/Web/API/DOMException) `HierarchyRequestError`
- : Levée lorsque le nœud ne peut pas être inséré à l'emplacement indiqué dans la hiérarchie.
## Exemples
### Insérer un élément
```js
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);
let span = document.createElement("span");
p.after(span);
console.log(container.outerHTML);
// "<div><p></p><span></span></div>"
```
### Insérer du texte
```js
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);
p.after("Texte");
console.log(container.outerHTML);
// "<div><p></p>Texte</div>"
```
### Insérer un élément et du texte
```js
let container = document.createElement("div");
let p = document.createElement("p");
container.appendChild(p);
let span = document.createElement("span");
p.after(span, "Texte");
console.log(container.outerHTML);
// "<div><p></p><span></span>Texte</div>"
```
## Spécifications
{{Specifications}}
## Compatibilité des navigateurs
{{Compat}}
## Voir aussi
- [`Element.before()`](/fr/docs/Web/API/Element/before)
- [`Element.append()`](/fr/docs/Web/API/Element/append)
- [`Node.appendChild()`](/fr/docs/Web/API/Node/appendChild)
- [`Element.insertAdjacentElement()`](/fr/docs/Web/API/Element/insertAdjacentElement)
- [`NodeList`](/fr/docs/Web/API/NodeList)