DOM 2

DOM(4) - attribute 조작 및 style조작

Attribute ? - HTML 요소의 동작을 제어하기 위한 추가적인 정보를 제공한다. - 글로벌 어트리뷰트 :id , class ,style ,title ,lang ,hidden 등 - HTML 문서가 파싱될때 , 어트리뷰트 하나당 하나의 노드가 생성된다. - attributes 프로퍼티는 NamedNodeMap 객체에 담겨 요소 노드의 attribute에 저장된다. ( NamedNodeMap 객체 : 유사배열객체 , 이터러블 ) attributes 프로퍼티의 불편한점 - getter만 존재하는 읽기 전용 접근자 프로퍼티이다. - 따라서 값을 취득하는것은 가능하지만 수정은 불가능하다. - 값을 취득할때도 유사배열 객체를 다뤄야하기 때문에 불편하다! ▷ 따라서 getAttribute , setAttri..

FE/JavaScript 2022.05.22

[JS] DOM (1) - DOM이란?

DOM이란? - HTML 문서의 계층적 구조와 정보를 표현하며, 이를 제어할 수 있는 API (프로퍼티,메소드)를 제공하는 트리자료구조이다. - 이때 각각의 요소와 속성, 콘텐츠를 표현하는 단위를 "노드 (node)" 라고 한다. 여기서 나오는 트리자료구조에 대해 잠깐 알아보자. Tree Data Structure? - 트리자료구조는 노트들의 계층구조로 이뤄진다. - 부모,자식노드로 구성되어 노드간 계층적 구조를 표현하는 비선형 자료구조이다. - 최상위 노드는 root노드라고하고, 자식노드가 없는 노드를 leaf노드라고 한다. 노드타입? 노드타입은 총 12개지만 중요한 노트 타입 4가지를 살펴보자. 1. 문서노드 - DOM 트리의 최상위에 존재하는 루트노드 -> 노드들의 진입점역할 - document 객..

FE/JavaScript 2022.05.17