HTML의 문서 객체는 무엇입니까? 문서 개체를 이해하는 데 도움이 되는 기사-HTML 튜토리얼-php.cn

HTML의 문서 객체는 무엇입니까? 문서 개체를 이해하는 데 도움이 되는 기사

寻∝梦

풀어 주다： 2018-09-01 13:59:33

원래의

9116명이 탐색했습니다.

이 글에서는 주로 HTML 문서 객체에 대한 설명과 HTML 문서 객체의 사용 예 분석을 소개합니다. 다음으로 이 글을 함께 살펴보겠습니다.

먼저 HTML의 문서 객체에 대해 소개하겠습니다. :

문서 개체(document)는 브라우저 창의 문서를 나타냅니다. 이 개체는 window 개체의 하위 개체이므로 DOM 개체 모델의 기본 개체이므로 메서드와 하위 개체가 있습니다. 창 개체에서는 창을 사용하여 인용할 필요가 없습니다.

문서 개체를 통해 HTML 문서에 포함된 모든 HTML 태그에 액세스하고 HTML 태그의 내용을 동적으로 변경할 수 있습니다.

예: 양식, 이미지, 표, 하이퍼링크 등

HTML의 Document 개체 컬렉션을 살펴보겠습니다.

HTML의 문서 객체는 무엇입니까? 문서 개체를 이해하는 데 도움이 되는 기사 HTML의 document 개체에 대한 온라인 설명을 살펴보겠습니다.

HTMLDocument 인터페이스는 HTML을 정의하는 DOM 문서 인터페이스를 확장합니다. 특정 속성 및 방법.

많은 속성과 메서드는 앵커, 양식, 링크 및 기타 스크립트 가능한 요소에 대한 참조를 보유하는 HTMLCollection 개체(실제로 배열이나 이름으로 인덱싱할 수 있는 읽기 전용 배열)입니다.

이러한 컬렉션 속성은 레벨 0 DOM에서 파생됩니다. Document.getElementsByTagName()으로 대체되었지만 편리하기 때문에 여전히 자주 사용됩니다.

write() 메서드는 주목할 가치가 있습니다. 이 메서드를 사용하면 문서를 로드하고 구문 분석하는 동안 스크립트가 동적으로 생성된 콘텐츠를 문서에 삽입할 수 있습니다.

레벨 1 DOM에서 HTMLDocument는 getElementById()라는 매우 유용한 메서드를 정의합니다. 레벨 2 DOM에서 이 메소드는 Document 인터페이스로 이동되었으며 이제 HTMLDocument에 의해 정의되지 않고 상속됩니다.

다음으로 HTML 문서 개체 사용의 예를 들어보겠습니다.

<HTML>
<HEAD>
<TITLE>PHP中文网</TITLE>
<SCRIPT LANGUAGE="JScript">function reportMove()
{ window.status = "X=" + window.event.x + " Y=" + window.event.y;
}
</SCRIPT>
</head>
<BODY onmousemove="reportMove()">
<H1>欢迎!</H1>
</BODY>
</HTML>
上面的例子使

로그인 후 복사

문서 개체를 사용하여 문서 제목을 확인하고 메시지 상자에 제목을 표시합니다(비어 있지 않은 경우). if(document.title!="")alert("title is "+document.title) 다음 예는 브라우저 상태 표시줄에 마우스의 현재 위치를 표시하는 이벤트 핸들러 함수를 보여줍니다. 결과 위치는 문서의 왼쪽 상단 모서리.

위 내용은 본 글의 HTML 문서 객체에 대한 소개 및 사용 예시이므로, HTML 문서 객체에 대한 보다 명확한 이해를 돕기 위해 궁금한 사항은 아래로 문의해주세요.

HTML에 이미지를 추가하는 코드는 무엇인가요? HTML에 이미지 경로를 올바르게 추가하는 방법은 무엇입니까?

위 내용은 HTML의 문서 객체는 무엇입니까? 문서 개체를 이해하는 데 도움이 되는 기사의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!