======JavaScript HTML DOM Document======
* description : JavaScript HTML DOM Document
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-03-22
\\
=====Source of the article====
[[https://www.w3schools.com/js/js_htmldom_document.asp|JavaScript HTML DOM Document]]\\
\\
%%HTML DOM 문서 오브젝트는 웹 페이지의 다른 다큐먼트 오브젝트(Document Object)의 소유자입니다.%%\\
\\
=====The HTML DOM Document Object=====
다큐먼트 오브젝트는 웹 페이지를 나타냅니다.\\
\\
%%HTML 페이지에서 어떤 요소에 접근할 경우 다큐먼트 오브젝트에 접근하는 것으로 시작하여야 합니다.%%\\
\\
%%HTML에 접근해서 조작하기 위해 다큐먼트 오브젝트를 사용하는 방식의 예제는 하기와 같습니다.%%\\
\\
=====Finding HTML Elements=====
^ Method ^ Description ^
| document.getElementById(id) | 요소 id로 요소를 찾습니다. |
| document.getElementByTagName(name) | 태그 명으로 요소를 찾습니다. |
| document.getElementByClassName(name) | 클래스 명으로 요소를 잦습니다. |
\\
=====Changing HTML Elements=====
^ Property ^ Description ^
| element.innerHTML = new html content | 요소의 내부 HTML을 변경합니다. |
| element.attribute = new value | HTML 요소의 속성 값을 변경합니다. |
| element.style.property = new style | HTML 요소의 스타일을 변경합니다. |
^ Method ^ Description ^
| element.setAttribute(attribute, value) | HTML 요소의 속성 값을 변경합니다. |
\\
=====Adding and Deleting Elements=====
^ Method ^ Description ^
| document.createElement(element) | HTML 요소를 생성합니다. |
| document.removeChild(element) | HTML 요소를 제거합니다. |
| document.appendChild(element) | HTML 요소를 추가합니다. |
| document.replaceChild(new, old) | HTML 요소를 교체합니다. |
| document.write(text) | HTML 출력 스트림에 작성합니다. |
\\
=====Finding HTML Objects=====
최초의 HTML DOM 레벨 1 (1998)은 11 개의 HTML 오브젝트, 오브젝트 컬렉션 및 속성을 정의했습니다. HTML5에서도 여전히 유효합니다.\\
\\
나중에 HTML DOM 레벨 3에서 더 많은 오브젝트, 컬렉션 및 속성이 추가되었습니다.\\
\\
| Property ^ Description ^ DOM ^
| document.anchors | 이름 속성을 가진 모든 요소를 반환합니다. | 1 |
| document.applets | 모든