From d3bce29c208c905f333836e64dd946480db27fb6 Mon Sep 17 00:00:00 2001
From: bendtherules <abhasbhattacharya2@gmail.com>
Date: Thu, 15 Oct 2020 19:31:03 +0530
Subject: [PATCH] create-modify-element - Add doc.createElement section

---
 docs/create-modify-element.mdx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/docs/create-modify-element.mdx b/docs/create-modify-element.mdx
index 802d7f8..73a60af 100644
--- a/docs/create-modify-element.mdx
+++ b/docs/create-modify-element.mdx
@@ -63,3 +63,27 @@ for (var p of paragraphs) {
 ## Create / insert element
 
 ### 1. `createElement`
+
+The `document.createElement` method creates a new HTML element, taking the tag name (`"div"`) as first argument.
+
+To set attributes and add the element to DOM, look at `.setAttribute` and `.appendChild` below.
+
+```js
+var newEle = document.createElement("div") // creates <div/>
+```
+
+<Accordion title="Related">
+  <Admonition type="note" title="Creating text node">
+    To add some text inside a element, you'll need to create a <b>text node</b>. 
+    `createTextNode` method takes a string as input and returns a new TextNode.
+
+  ```js
+  var newEle = document.createElement("div")
+  var newText = document.createTextNode("Hello world")
+
+  newEle.appendChild(newText) // <div>Hello world</div>
+  ```
+  </Admonition>
+</Accordion>
+
+[Read on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement)
\ No newline at end of file