DOM 요소는 무엇입니까?
다음 문장에서 DOM 요소의 의미는 무엇입니까?
단일 DOM 요소에 여러 클래스를 추가 할 수 있습니다.
요점은 CSS의 상속이 클래스가 아니라 요소 계층을 통해 수행된다는 것입니다. 따라서 상속 된 특성을 모델링하려면 DOM의 여러 요소 수준에이를 적용해야합니다.
DOM이 Domain Object Model. 문에서 API와 동의어 인 것 같습니다.
문서 개체 모델.
DOM은 자바 스크립트가 포함 된 페이지의 데이터를 보는 방식입니다. HTML / XHTML / XML의 형식과 브라우저 상태를 포함하는 개체입니다.
DOM 요소는 페이지의 DIV, HTML, BODY 요소와 같은 것입니다. CSS를 사용하여 이러한 모든 클래스에 클래스를 추가하거나 JS를 사용하여 상호 작용할 수 있습니다.
실제로 문서 객체 모델입니다. HTML은 페이지의 메모리 내 표현 인 DOM을 빌드하는 데 사용됩니다 (HTML과 밀접하게 관련되어 있지만 정확히 같은 것은 아닙니다). CSS 및 Javascript와 같은 것들이 DOM과 상호 작용합니다.
문이 CSS가 HTML에 미치는 영향과 관련이있는 경우 DOM 요소 는 HTML 요소를 참조합니다 .
W3C (World Wide Web Consortium)에서 개발중인 프로그래밍 인터페이스 사양 인 DOM (문서 개체 모델)을 사용하면 프로그래머가 HTML 페이지와 XML 문서를 완전한 프로그램 개체로 만들고 수정할 수 있습니다.
W3C에 따라 : DOM은 프로그램과 스크립트가 XML 또는 HTML 문서의 콘텐츠, 구조 및 스타일에 동적으로 액세스하고 업데이트 할 수 있도록합니다.
DOM은 다음으로 구성됩니다.
- 개체 / 요소 집합
- 이러한 개체 / 요소가 결합되는 방식의 구조
- 액세스 및 수정을위한 인터페이스
건배
DOM은 Document Object Model을 나타냅니다. W3C (World Wide Web Consortium) 표준입니다. HTML 및 XML 문서에 액세스하고 조작하기위한 표준을 정의하고 DOM의 요소는 head, title, body 태그 등입니다. 따라서 첫 번째 문장의 대답은 다음과 같습니다.
Statement # 1 단일 DOM 요소에 여러 클래스를 추가 할 수 있습니다.
설명 : "div class ="cssclass1 cssclass2 cssclass3 "
여기 태그는 DOM의 요소이며 DOM 요소에 여러 클래스를 적용했습니다.
DOM (Document Object Model)은 문서에 액세스하기위한 표준입니다.
'웹 페이지가로드되면 브라우저는 페이지의 문서 객체 모델을 생성합니다.'
세 부분으로 나뉩니다.
- Core DOM - standard model for all document types
- XML DOM - standard model for XML documents
- HTML DOM - standard model for HTML documents
자세한 내용은 http://www.w3schools.com/js/js_htmldom.asp를 참조하십시오.
DOM 요소의 개념을 알아 내기 위해서는 Dynamic HTML과 DOM의 개념을 이해하는 것이 필수적입니다. 모든 것은 웹 페이지의 모든 주주들의 요구 사항이 강화되는 시점부터 시작됩니다. 그들은보다 인터랙티브하고 역동적이며 생동감있는 웹 페이지를 원했습니다. 또한이 목표를 달성하기 위해 개발자는이를 통해 웹 페이지의 각 섹션의 프레젠테이션과 내용을 수정하거나 조작 할 수있는 도구와 메커니즘이 필요했습니다. 따라서 Dynamic HTML의 개념이 만들어졌습니다. 이를 이해하기 위해 Wikipedia 에서 동적 HTML에 대한 훌륭한 정의에 액세스 할 수 있습니다 .
동적 HTML 또는 DHTML은 정적 마크 업 언어 (예 : HTML), 클라이언트 측 스크립팅 언어 (예 : JavaScript)의 조합을 사용하여 대화 형 및 애니메이션 웹 사이트를 만드는 데 함께 사용되는 기술 모음의 포괄적 인 용어입니다. 프레젠테이션 정의 언어 (예 : CSS) 및 DOM (문서 개체 모델)
따라서 표준 DHTML 웹 페이지 작성은 클라이언트 측 스크립팅 언어 (예 : JavaScript), 프리젠 테이션 정의 언어 (예 : CSS) 및 웹 페이지 (문서)에 액세스하고 수정하기위한 단일 프로그래밍 인터페이스 (API)를 포함한 세 가지 필드로 표준화됩니다. 개체 모델). 이 활동은 W3C와 다른 사람들이 수행합니다. 또한 크로스 브라우저 문제를 해결하기 위해 W3C는 표준 API (Application Programming Interface) 인 DOM (Document Object Model)을 통해 HTML 및 XML 문서에 액세스하고 조작하는 스크립트에 대한 일반적인 합의 (다른 브라우저 공급 업체와 함께)에 도달하려고했습니다.
그러나 주요 질문은 그들이 필요에 맞게 문서 객체 모델의 구조를 어떻게 설계했는지입니다. 그들의 해결책은 간단하지만 훌륭했습니다. 그들은 트리의 루트에서 문서 객체를 찾을 수있는 트리와 같은 계층 구조를 사용했으며 각 노드는 HTML 요소 (DOM 요소)와 동일합니다. 웹 페이지의 추상화는 HTML 요소, 스타일 시트 및 ...에 액세스 할 수있는 훌륭한 기능을 제공합니다. 이를 더 잘 이해하기 위해 HTML 코드의 각 들여 쓰기를 각 DOM 트리 수준에 매핑 할 수 있습니다. 이 예에주의하십시오.
귀하의 HTML :
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>...</p>
<ul>
<li>...</li>
</ul>
<table>
<tr>...</tr>
</table>
</body>
</html>
DOM 구조 :
document
| .
<html> .
/ \ .
<head> <body> styleSheets
/ \ \
<p> <ul> <table>
/ \ \
text <li> <tr>
따라서이 계층 구조 (DOM 트리)의 각 노드는 DOM 요소를 참조합니다. 자세한 내용은 tis 참조를 사용하십시오.
See that your statements refer to "elements of the DOM", which are things such as the HTML tags (A, INPUT, etc). Thse statements simply mean that multiple CSS classes may be assigned to one such element.
DOM is a logical model that can be implemented in any convenient manner.It is based on an object structure that closely resembles the structure of the documents it models.
For More Information on DOM : Click Here
참고URL : https://stackoverflow.com/questions/1122437/what-is-dom-element
'program story' 카테고리의 다른 글
| PHP 7에서“선언은… 호환되어야합니다”경고가 표시되지 않습니다. (0) | 2020.11.26 |
|---|---|
| Stream.Dispose는 항상 Stream.Close (및 Stream.Flush)를 호출합니까? (0) | 2020.11.26 |
| 단어 목록을 만들기 위해 모든 공백을 줄 바꿈 / 단락 표시로 바꿉니다. (0) | 2020.11.26 |
| Vim의 내용이 아닌 HTML 태그를 삭제하는 방법 (0) | 2020.11.26 |
| DisplayName 속성 값 가져 오기 (0) | 2020.11.26 |