티스토리 뷰

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(선택자) 선택자로 선택되는 문서 객체를 배열로 가져옵니다.

공유하기(Share) 더보기

  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기

공감하기(Like) 더보기

태그(Tag) 더보기

질문하기(Questions)
댓글쓰기 폼