티스토리 뷰

Javascript

[Javascript] 문서 객체

문서 객체

문서 객체 모델(Document Object Model)은 자바스크립트를 통해 브라우저에서 동작하는 형태를 접근하는 방식이며, 문서와 관력된 객체입니다.

문서 객체

문서 객체 속성
종류 설명
createElement(tagName) 요소 노드를 생성합니다.
createTextNode(text) 텍스트 노드를 생성합니다.
appendChild(node) 객체에 노드를 연결합니다.
setAttribute(name, value) 객체의 속성을 지정합니다.
getAttribute(name) 객체의 속성을 가져옵니다.
getElementById(id) 태그의 id속성이 id와 일치하는 문서 객체를 가져옵니다.
getElementsByName(name) 태그의 name 속성이 name과 일치하는 문서 객체를 배열로 가져옵니다.
getElementsByTagName(tagName) tagName과 일치하는 문서 객체를 배열로 가져옵니다.
removeChild(child) 문서 객체의 자식 노드를 제거합니다.
doucment.querySelector(선택자) 선택자로 가장 처음 선택되는 문서 객체를 가져옵니다.
document.querySelectorAll(선택자) 선택자로 선택되는 문서 객체를 배열로 가져옵니다.
댓글
댓글쓰기 폼