HTML DOM 문서 객체

HTML DOM 문서 객체

document 객체는 웹 페이지를 나타냅니다.

HTML 페이지의 요소에 액세스하려면 항상 문서 객체에 액세스해야합니다.

다음은 HTML에 액세스하고 조작하기 위해 문서 객체를 사용하는 방법에 대한 몇 가지 예입니다.

요소(Elements)

HTML에서 시작 태그와 종료태그로 이루어진 모든 명령어들을 의미합니다.

< HTML >

<p>요소란 무엇인가?!</p>







< PRINT >




요소란 무엇인가?







위의 요소(Elements)는 <p>요소란 무엇인가</p> 전체, 태그(Tag)는 <p>와</p>만 의미

HTML 요소찾기

Method	Description
document.getElementById(id)	ID찾기
document.getElementsByTagName(name)	NAME찾기
document.getElementsByClassName(name)	CLASS찾기

HTML 요소 변경하기

Method	Description
element.innerHTML =  new html content	HTML을 변경
element.attribute = new value	요소의 속성 값 변경
element.setAttribute(attribute, value)	요소의 속성 값 변경
element.style.property = new style	요소의 스타일 변경