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 - Add setAttribute()

Browse Source
This commit is contained in:
bendtherules
2020-10-15 20:34:45 +05:30
parent d3bce29c20
commit b2838159cc
1 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/create-modify-element.mdx
+16 -1
View File
@@ -62,7 +62,7 @@ for (var p of paragraphs) {
## Create / insert element ## Create / insert element
### 1. `createElement` ### 1. `createElement()`
The `document.createElement` method creates a new HTML element, taking the tag name (`"div"`) as first argument. The `document.createElement` method creates a new HTML element, taking the tag name (`"div"`) as first argument.
@@ -87,3 +87,18 @@ var newEle = document.createElement("div") // creates <div/>
</Accordion> </Accordion>
[Read on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement) [Read on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement)
### 2. `setAttribute()`
Every element has a `.setAttribute(name, value)` method, which can add/modify a attribute on the current element.
`name` - the attribute name which should be added. Ex- `"type"`.
`value` - value of the attribute. Ex- `"text"`.
```js
var newInput = document.createElement("input")
newInput.setAttribute("type", "text") // <input type="text"/>
```
[Read on MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute)