일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- HTML
- dotenv
- Event
- keyup
- a11y
- javascript
- Empty
- Dom
- TypingEffect
- UI
- addEventListener
- CSS
- innerText
- react
- keyboardEvent
- for loop
- modal
- Review
- node.js
- beforeinput
- nodeValue
- es6
- textContent
- innerHTML
- yet
- Temporal dead zone
- css:position
- node
- ES5
- js
- Today
- Total
the murmurous sea
HTML, JS: DOM 본문
[Dom]
: is the W3C Document Object Model.
: is a W3C (World Wide Web Consortium) standard that defines a standard for accessing documents.
Core DOM | standard model for all document types |
XML DOM | standard model for XML documents |
HTML DOM | standard model for HTML documents |
: is a platform and language-neutral interface.
: allows programs and scripts to dynamically access and update the content, structure, and style of a document.
[HTML DOM]
: is a standard object model and programming interface for HTML.
: is a standard for how to get, change, add, or delete HTML elements.
: defines
- the HTML elements as objects
- the properties of all HTML elements
- the methods to access all HTML elements
- the events for all HTML elements
: When a web page is loaded, the browser creates a Document Object Model of the page.
[JavaScript HTML DOM]
: With the HTML DOM, JavaScript can access and change all the elements of an HTML document.
: With the object model, JavaScript gets all the power it needs to create dynamic HTML.
JavaScript can | change | all the HTML elements in the page |
JavaScript can | change | all the HTML attributes in the page |
JavaScript can | change | all the CSS styles in the page |
JavaScript can | remove | existing HTML elements and attributes |
JavaScript can | add | new HTML elements and attributes |
JavaScript can | react to | all existing HTML events in the page |
JavaScript can | create | new HTML events in the page |
'#dev > 개념정리' 카테고리의 다른 글
선언적 함수 vs 함수표현식 vs 익명함수 (waiting list) (0) | 2020.05.02 |
---|---|
JS DOM: how to insert a new node AFTER an existing node (0) | 2020.05.01 |
callback (0) | 2020.05.01 |
JS ES5: reduce() (0) | 2020.04.30 |
JS ES1: sort() (0) | 2020.04.30 |