create-modify-element - Add insertAfter() note

This commit is contained in:
2020-10-16 18:45:00 +05:30
parent 485a200330
commit 6c5b38ae5c
+11 -2
View File
@@ -1,6 +1,5 @@
--- ---
id: create-modify-element id: create-modify-element
# title: Create / modify DOM nodes
# sidebar_label: DOM Manipulation # sidebar_label: DOM Manipulation
title: DOM Manipulation title: DOM Manipulation
slug: / slug: /
@@ -189,4 +188,14 @@ var ref = document.querySelector("li:last-child")
var newEle = document.createElement("li") var newEle = document.createElement("li")
parent.insertBefore(newEle, ref) parent.insertBefore(newEle, ref)
``` ```
:::note insertAfter()
There is no `insertAfter()` method. It can be emulated by combining insertBefore method with ele.nextSibling.
```js
parent.insertBefore(newEle, ref.nextSibling)
```
:::
<MDN title="removeChild" url="https://developer.mozilla.org/en-US/docs/Web/API/Node/removeChild" />