"HTML DOM 중국어 참조 매뉴얼"에서 HTML DOM은 HTML 문서에 액세스하고 조작하는 표준 방법을 정의합니다. DOM은 트리 구조의 HTML 문서를 나타냅니다.
HTML DOM은 HTML Document Object Model의 약어이며, HTML DOM은 특히 HTML/XHTML에 적합한 문서 객체 모델입니다. 소프트웨어 개발에 익숙한 사람들은 HTML DOM을 웹 페이지의 API로 이해할 수 있습니다. 웹 페이지의 각 요소를 객체로 취급하므로 웹 페이지의 요소를 컴퓨터 언어로 얻거나 편집할 수도 있습니다. 예를 들어, Javascript는 HTML DOM을 사용하여 웹 페이지를 동적으로 수정할 수 있습니다.
DOM은 Document Object Model의 약어입니다. W3C DOM 사양에 따르면 DOM은 페이지의 다른 표준 구성 요소에 액세스할 수 있는 브라우저, 플랫폼 및 언어 독립적인 인터페이스입니다. 간단히 이해하면 DOM은 Netscape의 JavaScript와 Microsoft의 JavaScript 사이의 충돌을 해결하여 웹 디자이너와 개발자에게 사이트의 데이터, 스크립트 및 프리젠테이션 계층 개체에 액세스할 수 있는 표준 방법을 제공합니다.
DOM은 계층 구조로 구성된 노드 또는 정보 조각의 모음입니다. 이 계층 구조를 통해 개발자는 특정 정보를 찾기 위해 트리를 탐색할 수 있습니다. 이 구조를 분석하려면 일반적으로 작업을 완료하기 전에 전체 문서를 로드하고 계층 구조를 구성해야 합니다. DOM은 정보 계층 구조를 기반으로 하기 때문에 트리 기반 또는 객체 기반으로 간주됩니다.
HTML DOM은 HTML 문서에 액세스하고 조작하기 위한 표준 방법을 정의합니다.
HTML DOM은 HTML 문서를 요소, 속성 및 텍스트가 포함된 트리 구조(노드 트리)로 표시합니다.
팁: HTML DOM을 계속 배우기 전에 HTML, CSS, JavaScrip 콘텐츠에 대한 기본적인 이해가 필요합니다.
노드 정보
HTML DOM에서는 모든 것이 노드입니다. DOM은 노드 트리로 간주되는 HTML입니다.
각 노드에는 노드에 대한 일부 정보가 포함된 속성이 있습니다. 이러한 속성은 다음과 같습니다.
nodeName(노드 이름) nodeValue(노드 값) nodeType(노드 유형)
W3C의 HTML DOM 표준에 따르면 HTML 문서의 모든 것은 노드입니다.
전체 문서는 문서 노드입니다.
모든 HTML 요소는 요소 노드입니다.
HTML 요소 내의 텍스트는 텍스트 노드입니다.
모든 HTML 속성은 속성 노드입니다.
댓글은 주석입니다. node
팁: 저희 HTML DOM 튜토리얼은 HTML DOM을 단계별로 학습하는 데 도움이 됩니다. 질문이 있는 경우 PHP 중국어 웹사이트 HTML DOM 커뮤니티로 이동하여 질문하세요. 열성적인 네티즌들입니다. 당신을 위해 답변해 드리겠습니다.
HTML DOM 메소드
메소드는 노드(HTML 요소)에서 수행할 수 있는 작업입니다.
프로그래밍 인터페이스
는 JavaScript(및 기타 프로그래밍 언어)를 통해 HTML DOM에 액세스할 수 있습니다.
모든 HTML 요소는 객체로 정의되며 프로그래밍 인터페이스는 객체 메서드 및 객체 속성입니다.
메서드는 수행할 수 있는 작업(예: 요소 추가 또는 수정)입니다.
속성은 가져오거나 설정할 수 있는 값(예: 노드의 이름 또는 콘텐츠)입니다.
HTML DOM 개체 - 메서드 및 속성
일반적으로 사용되는 일부 HTML DOM 메서드:
getElementById(id) - 지정된 ID가 있는 노드(요소) 가져오기
appendChild(node) - 새 하위 노드(요소) 삽입
removeChild(node) - 하위 노드(요소) 제거
일반적으로 사용되는 일부 HTML DOM 속성:
innerHTML - 노드(요소)의 텍스트 값
-
parentNode - 노드(요소)의 상위 노드
childNodes - 노드(요소)의 하위 노드
attributes - 노드(요소)의 속성 노드
What 이 HTML DOM 튜토리얼 매뉴얼은
이 HTML DOM 튜토리얼 매뉴얼은 DOM 노드, DOM 메소드, DOM 속성, DOM 액세스, DOM 요소, DOM 이벤트 등을 포함하여 HTML DOM에 대한 모든 기본 지식을 다룹니다.
팁: 이 튜토리얼의 각 장에는 많은 HTML DOM 예제가 포함되어 있습니다. "예제 실행" 버튼을 직접 클릭하면 결과를 온라인으로 볼 수 있습니다. 이 예제는 HTML DOM을 더 잘 이해하고 배우는 데 도움이 됩니다.
기타 HTML DOM 관련 학습 참조 리소스
이 페이지 오른쪽에 있는 지식 확장 외에도 다음 리소스도 모든 사람을 위해 선택되었습니다.
최신 장
- HTML DOM 对象 2016-10-20
- HTML DOM 实例 2016-10-18
- HTML DOM总结 2016-10-18
- HTML DOM 导航 2016-10-18
- HTML DOM - 事件 2016-10-18
- HTML DOM - 元素 2016-10-18
- HTML DOM - 修改 HTML 内容 2016-10-18
- HTML DOM - 修改 2016-10-18
관련 강좌
- 웹 프론트 엔드 개발에 대한 빠른 소개 2021-12-10
- 당신을 가장 잘 이해하는 프론트엔드 강좌: HTML5/CSS3/ES6/NPM/Vue/...[원본] 2022-09-30
- Gulp 시작하기 비디오 튜토리얼 2022-04-18
- 전우 Gao Luofeng CSS3 비디오 튜토리얼 2022-04-20
- AngularJS 개발 웹 애플리케이션 기본 예제 비디오 튜토리얼 2022-04-18
- Ajax 전체 접촉 2022-04-13
- MUI 프레임워크 기본 비디오 튜토리얼 2022-04-13
- 온라인 교육 수업 체험 수업 2019-01-10