[JS] Document 객체

2023. 9. 11. 02:07· Programming/JavaScript

[JS] Document 객체

메소드	설명
document.getElementsByTagName(태그 이름)	해당 태그 요소를 모두 선택
document.getElementById(아이디)	해당 id 요소를 선택
document.getElementsByClassName(클래스 이름)	해당 class에 속한 요소를 모두 선택
document.getElementsByName(name 속성 값)	해당 name 속성 값을 가지는 요소를 모두 선택
document.querySelectorAll(선택자)	해당 선택자로 선택되는 요소를 모두 선택

메소드	설명
document.createElement(HTML)	지정된 HTML 요소를 생성
document.write(텍스트)	HTML 출력 스트림을 통해 텍스트를 출력

메소드	설명
document.getElementById(아이디).onclick = function(){ 실행할 코드 }	마우스 클릭 이벤트와 연결될 이벤트 핸들러 코드를 추가

객체 집합	설명	DOM Level
document.body	<body>요소를 반환	1
document.cookie	HTML 문서의 쿠키(cookie)를 반환	1
document.domain	HTML 문서가 위치한 서버의 도메인 네임(domain name)을 반환	1
document.forms	<form>요소를 모두 반환	1
document.images	<img>요소를 모두 반환	1
document.links	href 속성을 가지는 <area>요소와 <a>요소를 모두 반환	1
document.referrer	링크(linking)되어 있는 문서의 URI를 반환	1
document.title	<title>요소를 반환	1
document.URL	HTML 문서의 완전한 URL 주소를 반환	1
document.baseURI	HTML 문서의 절대 URI(absolute base URI)를 반환	3
document.doctype	HTML 문서의 문서 타입(doctype)을 반환	3
document.documentElement	<html>요소를 반환	3
document.documentMode	웹 브라우저가 사용하고 있는 모드를 반환	3
document.documentURI	HTML 문서의 URI를 반환	3
document.domConfig	HTML DOM 설정을 반환 (더는 사용하지 않음)	3
document.embeds	<embed>요소를 모두 반환	3
document.head	<head>요소를 반환	3
document.implementation	HTML DOM 구현(implementation)을 반환	3
document.inputEncoding	HTML 문서의 문자 인코딩(character set) 형식을 반환	3
document.lastModified	HTML 문서의 마지막 갱신 날짜 및 시간을 반환	3
document.readyState	HTML 문서의 로딩 상태(loading status)를 반환	3
document.scripts	<script>요소를 모두 반환	3
document.strictErrorChecking	오류의 강제 검사 여부를 반환	3

목적 & 이유