dom
Estimated reading time: 1 minutedom
dom = document object model
| Method | Searches by |
|---|---|
| getElementById | id |
| getElementsByName | name |
| getElementsByTagName | tag |
| getElementsByClassName | class |
| querySelector | CSS-selector |
| querySelectorAll | CSS-selector |
create element
var createPart = document.createElement(tagName[, options])
append child
createPart.appendChild(tagName);
add id
createPart.id = 'tester';
get id
document.getElementById('myId');
add class
add,remove,toggle,replace
createPart.classList = 'foo';
get class
document.getElementsByClassName(name);
Element
querySelector
- id or class , selector
document.querySelector('.my-class');
document.querySelector('#my-id');
style
myTag.style.color = 'red';