Hello, Dino

Html DOM은 Node로 이루어져있으며, Node에 정보를 저장한다. Node 종류 종류 설명 document Node Html 문서 전체를 나타내는 노드 element Node 요소 노드. 속성 노드를 가질 수 있는 유일한 노드. attribute node 요소 노드에 관한 정보를 가지고 있음. text node 텍스트 노드 comment node 주석 노드 Node 접근 1. getElementByTagName() 메소드를 이용한 접근 2. 노드 간의 관계를 이용한 접근 1. getEelementByTagName() 메소드 이용 특정 태그 이름을 가진 모든 요소를 노드 리스트의 형태로 반환한다. 2. 노드 간의 관계 Property Property parentNode 부모 노드 childNodes..

DOM (Documnet Object Model) 문서 객체 모델 (DOM)은 XML, HTML 문서에 접근하기 위한 일종의 인터페이스 Document 객체 Document는 웹페이지 그 자체를 의미한다. 만약 웹페이지의 html에 접근하고 싶다면, Document 객체부터 시작하여 접근해야한다. Html 요소 선택 👆 메소드 설명 dodocument.getElementById("ID") ID의 요소 선택 document.getElementsByClassName("Class"); Class에 속한 요소 선택 document.getElementsByName("Name"); Name 속성 값을 가지고 있는 요소 선택 document.getElementsByTagName("Tag Name"); 태그 이름의 요..

객체(Object): 고양이 🐱 Property : name, age, weight, color Method : eat, sleep, mew var cat = { // property name: "Nabi", age:1, weight: 1.2, color: "yellow" // method , eat: Function(food){return "Eat: " + food; } , sleep: Function(){return "Sleep ...";} , mew: Function(){return "Mew ...";} }; Object Property & Method 참조 // property cat["name"]; cat.name; // method cat.eat("food"); ※ Object Method 참..