JavaScript HTML DOM 문서

되는 HTML DOM 문서 객체는 웹 페이지에있는 다른 모든 개체의 소유자입니다.

되는 HTML DOM 문서 객체

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

당신이 HTML 페이지에있는 모든 요소에 액세스하려면 항상 문서 개체에 액세스 시작합니다.

다음은 액세스 및 HTML을 조작하는 문서 객체를 사용하는 방법의 몇 가지 예입니다.

방법	기술
document.getElementById( id )	요소 ID로 요소를 찾기
document.getElementsByTagName( name )	태그 이름으로 요소를 찾기
document.getElementsByClassName( name )	클래스 이름으로 요소를 찾기

방법	기술
element .innerHTML = new html content	소자의 내부 HTML 변경
element . attribute = new value	HTML 요소의 특성 값을 변경
element .setAttribute (attribute, value)	HTML 요소의 특성 값을 변경
element .style. property = new style	HTML 요소의 스타일을 변경

방법	기술
document.createElement( element )	HTML 요소 만들기
document.removeChild( element )	HTML 요소를 제거
document.appendChild( element )	HTML 요소 추가
document.replaceChild( element )	HTML 요소를 교체
document.write( text )	HTML 출력 스트림으로 쓰기

방법	기술
document.getElementById( id ).onclick = function(){ code }	에 이벤트 처리기 코드를 추가 onclick 이벤트

첫 번째 HTML DOM 레벨 1 (1998), 11 HTML 개체, 개체 컬렉션 및 속성을 정의했다. 이들은 여전히 HTML5에서 유효합니다.

나중에, HTML DOM 레벨 3에서, 더 많은 개체, 컬렉션 및 속성이 추가되었습니다.

재산	기술	DOM
document.anchors	모든 반환 <a> 이름 속성이 요소를	1
document.applets	모든 돌려줍니다 <applet> 요소 (HTML5에서 사용되지 않습니다)	1
document.baseURI	문서의 절대베이스 URI를 돌려줍니다	3
document.body	수익 <body> 요소를	1
document.cookie	문서의 쿠키를 돌려줍니다	1
document.doctype	문서의 문서 타입을 돌려줍니다	3
document.documentElement	수익 <html> 요소를	3
document.documentMode	브라우저에서 사용하는 모드를 돌려줍니다	3
document.documentURI	문서의 URI를 돌려줍니다	3
document.domain	문서 서버의 도메인 이름을 돌려	1
document.domConfig	사용되지 않습니다. DOM을 구성를 돌려줍니다	3
document.embeds	모든 반환 <embed> 요소를	3
document.forms	모든 반환 <form> 요소를	1
document.head	수익 <head> 요소를	3
document.images	모든 반환 <img> 요소를	1
document.implementation	DOM 구현을 돌려줍니다	3
document.inputEncoding	문서의 인코딩 (문자 집합)를 반환	3
document.lastModified	문서가 업데이트 된 날짜와 시간을 반환	3
document.links	반환 모든 <area> 과 <a> A HREF 속성이 요소	1
document.readyState	문서의 (로드) 상태를 반환	3
document.referrer	반환 리퍼러의 URI (링킹 문서)	1
document.scripts	모든 반환 <script> 요소를	3
document.strictErrorChecking	반환 오류 검사가 시행되는 경우	3
document.title	수익 <title> 요소를	1
document.URL	문서의 전체 URL을 반환	1