logo

문서 개체 모델

  1. 문서 객체
  2. 문서 개체의 속성
  3. 문서 객체의 메소드
  4. 문서 객체의 예

그만큼 문서 객체 전체 HTML 문서를 나타냅니다.

html 문서가 브라우저에 로드되면 문서 객체가 됩니다. 그것은 루트 요소 이는 html 문서를 나타냅니다. 속성과 메서드가 있습니다. 문서 개체의 도움으로 웹 페이지에 동적 콘텐츠를 추가할 수 있습니다.

자바 이런 개념

앞서 언급했듯이 window의 객체입니다. 그래서

 window.document 

와 동일하다

 document 

W3C에 따르면 - 'W3C DOM(문서 개체 모델)은 프로그램과 스크립트가 문서의 콘텐츠, 구조 및 스타일에 동적으로 액세스하고 업데이트할 수 있도록 하는 플랫폼이자 언어 중립적인 인터페이스입니다.'


문서 개체의 속성

문서 객체가 접근하고 수정할 수 있는 문서 객체의 속성을 살펴보겠습니다.


문서 객체의 메소드

메소드를 통해 문서의 내용에 접근하고 변경할 수 있습니다.

문서 객체의 중요한 메소드는 다음과 같습니다.

자바 문자열이 비어 있습니다
방법설명
쓰기('문자열')문서에 주어진 문자열을 씁니다.
writeln('문자열')끝에 개행 문자가 있는 문서에 주어진 문자열을 씁니다.
getElementById()주어진 id 값을 갖는 요소를 반환합니다.
getElementsByName()주어진 이름 값을 가진 모든 요소를 ​​반환합니다.
getElementsByTagName()주어진 태그 이름을 가진 모든 요소를 ​​반환합니다.
getElementsByClassName()주어진 클래스 이름을 가진 모든 요소를 ​​반환합니다.

문서 개체별로 필드 값에 액세스

이 예에서는 사용자가 입력한 텍스트의 값을 가져오겠습니다. 여기서 우리는 document.form1.name.value 이름 필드의 값을 얻으려면.

여기, 문서 html 문서를 나타내는 루트 요소입니다.

양식 1 양식의 이름입니다.

이름 입력 텍스트의 속성 이름입니다.

C++의 문자열

입력 텍스트의 값을 반환하는 속성입니다.

환영 메시지와 함께 이름을 인쇄하는 문서 개체의 간단한 예를 살펴보겠습니다.

 function printvalue(){ var name=document.form1.name.value; alert('Welcome: '+name); } Enter Name: 

위 예제의 출력

이름을 입력하시오: