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

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

Dec 19, 2023 pm 03:45 PM
dom 내장 객체

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Vue3에서 DOM 노드를 얻는 방법은 무엇입니까? Vue3에서 DOM 노드를 얻는 방법은 무엇입니까? May 11, 2023 pm 04:55 PM

1. 기본 js는 DOM 노드를 가져옵니다. document.querySelector(선택기) document.getElementById(id 선택기) document.getElementsByClassName(클래스 선택기).... 2. vue2에서 현재 구성 요소의 인스턴스 객체를 가져옵니다. 각 vue Each 구성 요소 인스턴스에는 해당 DOM 요소 또는 구성 요소에 대한 참조를 저장하는 $refs 개체가 포함되어 있습니다. 따라서 기본적으로 구성 요소의 $refs는 빈 개체를 가리킵니다. 먼저 구성 요소에 ref="name"을 추가한 다음 this.$refs를 전달할 수 있습니다.

vue dom은 무슨 뜻인가요? vue dom은 무슨 뜻인가요? Dec 20, 2022 pm 08:41 PM

DOM은 문서 객체 모델이며 HTML 프로그래밍을 위한 인터페이스입니다. 페이지의 요소는 DOM을 통해 조작됩니다. DOM은 HTML 문서의 메모리 내 개체 표현이며 JavaScript를 사용하여 웹 페이지와 상호 작용하는 방법을 제공합니다. DOM은 문서 노드를 루트로 하는 노드의 계층 구조(또는 트리)입니다.

PHP의 DOM 조작 가이드 PHP의 DOM 조작 가이드 May 21, 2023 pm 04:01 PM

웹 개발에 있어서 DOM(DocumentObjectModel)은 매우 중요한 개념입니다. 이를 통해 개발자는 웹페이지의 HTML이나 XML 문서에 요소 추가, 삭제, 수정 등을 쉽게 수정하고 운영할 수 있습니다. PHP에 내장된 DOM 작업 라이브러리는 개발자에게 풍부한 기능을 제공합니다. 이 기사에서는 모든 사람에게 도움이 되기를 바라며 PHP의 DOM 작업 가이드를 소개합니다. DOM DOM의 기본 개념은 크로스 플랫폼이며 언어 독립적인 API입니다.

vue3에서 DOM 또는 컴포넌트에 대한 참조 바인딩이 실패하는 이유는 무엇이며 해결 방법은 무엇입니까? vue3에서 DOM 또는 컴포넌트에 대한 참조 바인딩이 실패하는 이유는 무엇이며 해결 방법은 무엇입니까? May 12, 2023 pm 01:28 PM

Vue3ref 바인딩 DOM 또는 컴포넌트 실패 이유 분석 시나리오 설명 Vue3에서는 컴포넌트 또는 DOM 요소를 바인딩하기 위해 ref를 사용하는 경우가 많습니다. ref는 관련 컴포넌트를 바인딩하는 데 명확하게 사용되지만 ref 바인딩은 종종 실패합니다. 참조 바인딩 실패 상황의 예 참조 바인딩이 실패하는 대부분의 경우는 참조가 구성 요소에 바인딩될 때 구성 요소가 아직 렌더링되지 않아 바인딩이 실패하는 것입니다. 또는 컴포넌트가 처음에 렌더링되지 않고 ref가 바인딩되지 않은 경우 컴포넌트가 렌더링되기 시작하면 ref도 바인딩되기 시작하지만 이때 ref와 컴포넌트 간의 바인딩이 완료되지 않는 문제가 발생합니다. 구성 요소 관련 방법을 사용할 때. ref에 바인딩된 구성 요소는 v-if를 사용하거나 상위 구성 요소는 v-if를 사용하여 페이지를

일반적인 PHP 내장 객체 사용 방법 배우기: 내장 객체의 작동 및 사용법을 숙지하세요. 일반적인 PHP 내장 객체 사용 방법 배우기: 내장 객체의 작동 및 사용법을 숙지하세요. Jan 10, 2024 am 10:02 AM

PHP 내장 객체 마스터: 일반적으로 사용되는 내장 객체의 작동 및 사용법을 배우십시오. 널리 사용되는 백엔드 개발 언어로서 PHP는 개발 및 개발에 도움이 되는 많은 강력한 내장 객체를 제공합니다. 웹사이트를 효율적으로 관리하세요. PHP 개발자에게는 이러한 내장 개체의 작동과 사용법을 익히는 것이 중요합니다. 이 기사에서는 일반적으로 사용되는 PHP 내장 개체를 소개하고 특정 코드 예제를 제공합니다. 1. 문자열 처리 객체(String) 문자열 처리는 웹 개발, PHP에서 자주 사용된다.

Python의 내장 객체는 무엇입니까? Python의 내장 객체는 무엇입니까? Nov 08, 2023 am 10:19 AM

Python 내장 객체에는 10가지 유형이 있습니다: "int", "float", "str", "list", "tuple", "dict", "set", "bool", "NoneType" 및 "function" : 1. 정수 값을 나타내는 데 사용되는 int 2. 실수 값을 나타내는 데 사용되는 str 4. 일련의 정렬된 요소를 저장하는 데 사용되는 목록 6 , dict, 키-값 쌍 등을 저장하는 데 사용되는 데이터 구조입니다.

ASP의 내장 개체는 무엇입니까? ASP의 내장 개체는 무엇입니까? Nov 09, 2023 am 11:32 AM

ASP 내장 개체에는 Request, Response, Session, Application, Server, Session.Contents, Application.Contents, Server.CreateObject, Server.MapPath, Server.Execute, Server.Transfer 등이 포함됩니다. 자세한 소개: 1. 요청: HTTP 요청 개체 등을 나타냅니다.

Vue의 내장 객체는 무엇입니까? Vue의 내장 객체는 무엇입니까? Nov 08, 2023 pm 04:52 PM

Vue의 내장 객체에는 Vue, Vue 인스턴스, 데이터, el, 옵션, 상위, 루트, 하위, 슬롯, 범위가 지정된Slots, refs, isServer, attrs 및 리스너가 포함됩니다. Vue.js는 사용자 인터페이스 구축을 위한 진보적인 JavaScript 프레임워크입니다. Vue.js에는 Vue 애플리케이션을 생성하고 관리하는 데 사용할 수 있는 내장 개체 또는 전역 API가 있습니다.

See all articles