HTML, XML 문서의
프로그래밍 interface 이다.
What ?
DOM프로그래밍 언어가 DOM 에 접근할 수 있게 하고, 웹 페이지 를 변경 가능 하게 합니다.
DOM 은 nodes와 objects 로 웹페이지 를 표현합니다.
DOM은 원본 HTML 문서의 객체 기반 표현 방식 ( "노드 트리" ) 입니다
Index
DOM- 📌. Use Strict
- 📌. Element
- 📌. Type
ex) DOM 예시입니다.
<HTML>
<head>
<title>안녕하세요</title>
</head>
<body>
<h1>반갑습니다.</h1>
<p>감사합니다.</p>
</body>
</HTML>
DOM은 HTML이 아닙니다.
DOM은 유효한 HTML 문서의 인터페이스 입니다.
DOM을 생성하는 동안, 브라우저는 유효하지 않은 HTML 코드를 올바르게 교정합니다.
ex)
<Html>
hello world
<Html/>
HTML 의 필수 규칙인 <head> 와 <body> 요소가 빠져있지만, 교정하여 나타납니다.
DOM은 브라우저에서 보이는 것이 아닙니다.
브라우저는 DOM과 CSSOM의 조합이며, 렌더링 시 보이지 않는 요소를 포함하지 않습니다.
ex)
<button style={display:'none'}>예시입니다.</button>DOM은 포함합니다.
가상 요소를 포함하지 않습니다. (Ex. ::after)
728x90