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

create-modify-element - Continue list numbering across sections

Browse Source
This commit is contained in:
bendtherules
2020-10-18 13:07:39 +05:30
parent dde35f6e36
commit c62366440b
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/create-modify-element.mdx
+6 -6
View File
@@ -62,7 +62,7 @@ for (var p of paras) {
## Create / insert element ## Create / insert element
### 1. createElement() ### 3. createElement()
It creates a new HTML element, taking the tag name (`"div"`) as argument. It creates a new HTML element, taking the tag name (`"div"`) as argument.
@@ -88,7 +88,7 @@ document.createElement("div")
<MDN title="createElement" url="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() ### 4. setAttribute()
It sets a attribute on the current element. It sets a attribute on the current element.
@@ -106,7 +106,7 @@ ele.setAttribute("type", "text")
<MDN title="setAttribute" url="https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute" /> <MDN title="setAttribute" url="https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute" />
### 3. appendChild() ### 5. appendChild()
It inserts a new element as the last child of the parent element. It inserts a new element as the last child of the parent element.
@@ -146,7 +146,7 @@ eleDiv.appendChild(eleH1)
<MDN title="appendChild" url="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" />
### 4. removeChild() ### 6. removeChild()
`Element.removeChild(childElement)` `Element.removeChild(childElement)`
@@ -164,7 +164,7 @@ parentEle.removeChild(childEle)
<MDN title="removeChild" url="https://developer.mozilla.org/en-US/docs/Web/API/Node/removeChild" /> <MDN title="removeChild" url="https://developer.mozilla.org/en-US/docs/Web/API/Node/removeChild" />
### 5. insertBefore() ### 7. insertBefore()
`Element.insertBefore(newEle, refEle)` `Element.insertBefore(newEle, refEle)`
@@ -200,7 +200,7 @@ parent.insertBefore(newEle, ref.nextSibling)
<MDN title="insertBefore" url="https://developer.mozilla.org/en-US/docs/Web/API/Node/insertBefore" /> <MDN title="insertBefore" url="https://developer.mozilla.org/en-US/docs/Web/API/Node/insertBefore" />
### 6. Document Fragment ### 8. Document Fragment
DocumentFragment can be considered to be a off-screen lightweight `document` object. DocumentFragment can be considered to be a off-screen lightweight `document` object.
It is generally used for batching multiple operations - by doing them in the fragment over time and then rendering the whole content to the visible DOM in one shot . It is generally used for batching multiple operations - by doing them in the fragment over time and then rendering the whole content to the visible DOM in one shot .