> 웹 프론트엔드 > 프런트엔드 Q&A > DOM의 내장 객체는 무엇입니까?

DOM의 내장 객체는 무엇입니까?

百草
풀어 주다: 2023-12-19 15:45:04
원래의
729명이 탐색했습니다.

dom의 내장 개체는 1. 문서, 3. 탐색기, 5. 기록, 7. document.body, .head 10, 문서.제목 11. 문서.쿠키.

DOM의 내장 객체는 무엇입니까?

이 튜토리얼의 운영 체제: Windows 10 시스템, DELL G3 컴퓨터.

DOM(Document Object Model)은 HTML 또는 XML 문서 구조를 표현하고 상호 작용하기 위한 인터페이스로 일련의 내장 개체와 메서드를 제공합니다. 다음은 DOM 내장 개체입니다.

1. 문서: 는 전체 HTML 또는 XML 문서를 나타내며 DOM 트리의 루트 노드입니다. 이는 문서에 대한 포괄적인 액세스 및 조작을 제공합니다.

var doc = document; // 전체 문서 개체 가져오기

2. Window: 는 브라우저 창이나 프레임을 나타내며 전역 개체입니다. 창, 문서 및 스크립트에 대한 액세스를 제공합니다.

var win = window; // 창 개체 가져오기

3. 탐색기: 브라우저 이름, 버전, 운영 체제 등을 포함한 브라우저 정보를 나타냅니다.

var nav = navigator; // 브라우저 정보 객체 가져오기

4. 위치: 프로토콜, 호스트, 포트, 경로, 쿼리 문자열 등을 포함한 현재 문서의 URL 정보를 나타냅니다.

var loc = location; // URL 정보 개체 가져오기

5. 기록: 는 앞으로, 뒤로 및 점프 작업에 사용할 수 있는 브라우저 기록을 나타냅니다.

var hist = History; // 브라우저 기록 개체 가져오기

6. screen: 화면 크기, 해상도 등을 포함한 클라이언트 화면 정보를 나타냅니다.

var scr = screen; // 화면 정보 객체 가져오기

7. document.documentElement: 는 전체 HTML 문서의 루트 요소, 즉

var root = document.documentElement; // 루트 요소 객체 가져오기

8. document.body: 문서의 내용을 가져오고 설정하는 데 사용할 수 있는 <본문> 요소입니다.

var body = document.body; // 요소 개체 가져오기

9. document.head: HTML 문서의 요소를 가져오고 설정하는 데 사용할 수 있습니다. ;head> 요소 콘텐츠.

var head = document.head; // 요소 개체 가져오기

10. document.title: 문서 제목을 가져오고 설정할 수 있습니다.

var title = document.title; // 문서 제목 개체 가져오기

document.title = "New Title"; // 문서 제목을 "New Title"로 설정

11. document.cookie: 는 브라우저를 의미합니다. 저장 쿠키 정보, 쿠키 값을 읽고 설정할 수 있습니다.

var cookie = document.cookie; // 쿠키 정보 개체 가져오기

document.cookie = "name=value"; // 쿠키 값을 "name=value"로 설정합니다.

다음은 몇 가지 일반적인 내장 개체입니다. DOM에서 HTML 또는 XML 문서의 구조에 대한 액세스 및 조작을 제공합니다. 개발자는 이러한 개체와 메서드를 사용하여 페이지의 콘텐츠와 스타일을 동적으로 변경하고 사용자와 상호 작용하며 브라우저 관련 정보를 처리할 수 있습니다.

위 내용은 DOM의 내장 객체는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿