2013-06-21 3 views
-5

우리는 항상 document.getElementById() 또는 $(document).ready() 또는 Javascript 및 jQuery에서 이와 비슷한 것을 사용합니다.정확히 자바 스크립트의 문서

그럼 누구든지이 컨텍스트에서 어떤 개체가 정확히 의미하는지 알려 주시기 바랍니다. 어딘가에, 나는 그것의 대상을 읽었지만 그것이 어떤 종류의 대상인지 알 수 없었다.

아무도 모른다면 간단히 설명하십시오.

+0

[this] (http://stackoverflow.com/a/13860916/1211329)이 귀하의 질문에 답변 할 수 있습니다. –

+0

전체 페이지로 문서보기 (모든 HTML 컨트롤), document.ready는 페이지가 컨트롤을로드 할 때 호출되는 함수입니다. 'document.getElementById'는 문서 객체, 즉 입력 상자, div, 버튼을 반환하는 함수입니다. –

+0

Google :'mdn document' -> https://developer.mozilla.org/en-US/docs/Web/API/document – andlrc

답변

0

브라우저 창에로드 된 각 HTML 문서는 문서가됩니다. Document 개체를 사용하면 스크립트에서 페이지의 모든 HTML 요소에 액세스 할 수 있습니다. 에서 here

레거시 DOM은 일 수있는 요소의 종류가 제한되어있었습니다. 양식, 링크 및 이미지 요소는 루트 문서 개체로 시작되는 계층 이름으로 참조 할 수 있습니다. 계층 적 이름은 통과 된 요소의 이름 또는 순차적 인 색인을 사용할 수 있습니다. 예를 들어 양식 입력 요소 은 "document.formName.inputName"또는 "document.forms [0] .elements [0]"으로 액세스 할 수 있습니다.

Document Object Model

0

document 객체 (또는 오히려 그 인터페이스)는 참조 DOM API의 부분 전체, 흠, 문서를 나타낸다.

Document 인터페이스는 전체 HTML 또는 XML 문서를 나타냅니다. 개념적으로 이는 문서 트리의 루트이며 문서 데이터에 대한 기본 액세스를 제공합니다.

요소, 텍스트 노드, 주석, 처리 명령어 등이 Document의 컨텍스트 외부에 존재할 수 없으므로 Document 인터페이스에는 이러한 객체를 만드는 데 필요한 팩토리 메소드도 포함되어 있습니다. 생성 된 Node 객체는 문맥이 작성된 문맥 내에서 Document와 연관시키는 ownerDocument 속성을가집니다.

브라우저는 JavaScript 코드가 웹 페이지와 상호 작용할 수 있도록 DOM API의 JavaScript 구현을 제공합니다. MDN documentation에서

: 브라우저에로드

각 웹 페이지는 자신의 document 목적이있다. 이 객체는 웹 페이지의 내용 (DOM 트리 (<body><table>과 같은 요소 포함)의 진입 점 역할을하며 문서의 전역 기능 (예 : 페이지의 URL 가져 오기 및 문서의 새 요소 만들기)을 제공합니다. 이 객체가 자바 스크립트 (언어) 자체의 일부가 아닌 것을


참고. 자바 스크립트에서 DOM API를 구현 한 브라우저의 결과입니다.