본문 바로가기
728x90

Document Object Model16

1.3 Subnode Objects Inherit From the Node Object 전형적인 돔 트리에 있는 각 노드 객체는 Node의 프로퍼티들과 메서드들을 상속한다. 문서에 있는 노드의 유형에 따라 다르지만, Node 객체를 상속하는 하위 노드 객체, 인터페이스 역시 존재 한다. 가장 일반적인 노드 인터페이스에 대해 브라우저에서 구현한 상속모델은 다음과 같다( 2021. 8. 19.
1.2 Node Object Types 자주 사용되는 노드들은 다음과 같다 DOCUMENT_NODE (e.g., window.document) ELEMENT_NODE(e.g., , ) ATTRIBUTE_NODE(e.g., class="c") TEXT_NODE(e.g, HTML문서에 존재하는 텍스트 캐릭터) DOCUMENT_FRAHMENT_NODE(e.g., document.createDocumentFragment()) DOCUMENT_TYPE_NODE(e.g, ) 위의 노드 프로퍼티들은 정적인 변수이며, 특정 노드 객체 타입에 대응되는 숫자를 저장하고 있다. ELEMENT_NODE(i.e., HTML *Element) 1 ATTRIBUTE_NODE(i.e., Attr) 2 TEXT_NODE(i.e., Text) 3 CDATA_SECTION_N.. 2021. 8. 18.
0.0 intro 평소 js를 쓰면서 DOM에 대해 깊게 알고 싶다는 생각을 늘 했었다. 하지만 수 많은 블로그글을 찾아도, 책을 찾아도 늘 DOM에 대해 간략한 이론적 설명 정도만 나오고 나머지는 DOM에서 제공하는 메서드의 사용법 위주로 설명이 되어 있어서 항상 아쉬움이 존재했다. 그러던 중 DOM Enlightement: Exploring JavaScript and the Modern DOM이라는 DOM에 대해 이론적인 부분은 꽤나 상사하게 설명한 책을 알게 되었다. 내 블로그에서 DOM이라는 카테고리에 작성될 글은 모두 이 책을 읽고, 정리한 글이며, 각 챕터의 제목이 글의 제목이 될 예정이다. https://www.amazon.com/DOM-Enlightenment-Exploring-JavaScript-Moder.. 2021. 8. 17.
DOM(Document Object Model) 웹 페이지의 내용을 js로 다룰때는 단순히 내용을 문자열로 다루는 것 보다 어떠한 덩어리로 조작하는 것이 더 쉽다. 이를 위한 것이 DOM이다. DOM은 HTML, XML문서를 프로그램에서 이용하기 위한 API이며 트리 구조를 사용한다. 이때 이 트리를 DOM트리라 한다. 구조 자체가 트리인 만큼 DOM트리 안에서 각 객체를 노드라 하며 어떤 노드와 다른 노드와의 관계는 트리에서 사용하는 관계와 같다(부모, 자식 등). DOM 사양은 W3C에 의해 Level1~3으로 정의되 있다. DOM Level 1 DOM Level1은 Core, HTML이 두 가지 모듈로 구성되 있다. 모듈 설명 Core HTML에 한정되지 않은 일반적인 DOM 조작에 대한 사양 getElementsByTagName - 태그명을 지.. 2021. 8. 3.
728x90

티스토리툴바