웹에서 tag와 dom과 element와 Node의 차이점이 무엇인가요 ?

Question

게시글 마다 조금씩 이야기가 달라서 너무 정리가 어려워요 애매합니다.용어 정리를 도와주세요엘리먼트 = html 요소와 요소가 가지고 있는 속성 예) 등태그 = 엘리먼트와 의미가 같음 엘리먼트가 가지고있는 속성은 포함하지 않는 개념? 예) 등노드 = 하나의 요소를 구성하는 부모요소와 하위요소등예) = 엘리먼트 = 부모노드 = 엘리먼트 = 자식노드 = 엘리먼트 = 자식노드

dom = 자바스크립트로 요소를 변수에 넣으면 dom예) var table = document.getElementById("table1"); 여기서 변수를 dom 이라 부른다.제가 정리한게 이런데 틀린 부분이 있으면 지적을 부탁드립니다.

hellooo · Answer

다른건 잘 모르겠지만.. dom은 잘못 이해하고 계십니다!

Clickin · Answer

자바 등 OOP 해보셨으면 인터페이스에 해당하는 개념이라고 이해하는게 좋겠습니다.하나의 Node는 Element의 측면도 가질 수 있는거죠.노드는 HTML 문서를 트리 단위로 파싱할 때 서로 구분되는 모든 요소가 다 노드입니다. Element도 Text도 다 Node입니다. 자세한 건 웹표준 문서를 살펴보세요https://dom.spec.whatwg.org/#nodes그리고 자바스크립트로 요소를 변수에 넣으면 DOM? 이건 완전히 잘못된 이해입니다.DOM은 API지 객체 자체가 아닙니다. 실제 HTML과 상호작용하기 위한 추상화 모델을 변수라고 이해하시면 안됩니다.이건 MDN을 읽어보시는 게 좋겠습니다.https://developer.mozilla.org/ko/docs/Glossary/DOM

해밀 · Answer

브라우저는 html로 작성된 문서(document)를 받아 화면에 렌더링합니다. html은 태그로 표현된 여러 요소(element)로 구성됩니다. 렌더링 과정에서 브라우저는 html을 JS로 처리할 수 있는 JS 객체로 변환해줍니다. 이를 DOM이라 부르고, JS는 브라우저가 제공하는 DOM API를 통해 html의 각 요소에 접근할 수 있습니다. 이때 DOM은 tree 구조로 이뤄져 있기 때문에 각 구성 요소를 노드(node)라 부릅니다.

웹에서 tag와 dom과 element와 Node의 차이점이 무엇인가요 ?

3개의 답변

Q&A 목록