그만큼 문서 객체 전체 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: