bendtherules/UiQuestions
1
0
Fork 0
mirror of https://github.com/bendtherules/UiQuestions.git synced 2026-08-18 22:02:42 +00:00
Code Issues 1 Packages Projects Releases Wiki Activity

create-modify-element - Use MDNBadge instead of mdn links

Browse Source
This commit is contained in:
bendtherules
2020-10-16 12:28:56 +05:30
parent 01ba42dd00
commit e9b06e2b85
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/create-modify-element.mdx
+6 -5
View File
@@ -8,6 +8,7 @@ slug: /
import Admonition from "../components/Admonition"
import Accordion from "../components/Accordion"
import MDN from "../components/MDNBadge"
## Finding elements
@@ -36,7 +37,7 @@ document.querySelector(".not-found"); // null
</Admonition>
</Accordion>
[Read on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/querySelector)
<MDN title="querySelector" url="https://developer.mozilla.org/en-US/docs/Web/API/Element/querySelector" />
### 2. `querySelectorAll()`
@@ -58,7 +59,7 @@ for (var p of paras) {
}
```
[Read on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/querySelectorAll)
<MDN title="querySelectorAll" url="https://developer.mozilla.org/en-US/docs/Web/API/Element/querySelectorAll" />
## Create / insert element
@@ -88,7 +89,7 @@ document.createElement("div")
</Admonition>
</Accordion>
[Read on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement)
<MDN title="createElement" url="https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement" />
### 2. `setAttribute()`
@@ -105,8 +106,8 @@ var ele = document.createElement("input")
ele.setAttribute("type", "text")
// <input type="text"/>
```
<MDN title="setAttribute" url="https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute" />
[Read on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute)
### 3. `appendChild()`
@@ -146,4 +147,4 @@ eleDiv.appendChild(eleH1)
</Admonition>
</Accordion>
[Read on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild)
<MDN title="appendChild" url="https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild" />