TY blog

1. DOM (Document Object Model) 문서객체의 동적으로 액세스 하고 업데이트할 수 있게 해주는 플랫폼 및 언어 중립적인 인터페이스 2. Node DOM의 기본 자료형, Node는 트리 구조로 계층적 관계를 맺고 있어 선택된 요소의 관계로도 요소 접근이 가능하다. 노드에는 여러 종류가 있으며, 가장 일반적인 노드 유형에는 Element Node, Text Node, Comment Node, Attribute Node 가 존재하며, DOM 트리의 모든 요소는 노드로 간주된다. 노드 간의 관계를 이용하여 접근하기 위한 Node property 1. parentNode 부모 노드 2. childNodes 자식 노드 리스트 3. firstChild 첫 번째 자식 노드 4. lastChild 마..

1. document 객체 JavaScript 에서 사용되는 전역 객체로, 현재 페이지의 DOM을 나타낸다. (최상위 객체) DOM을 조작하고 제어하기 위해 사용한다. 2. document.getElementsByTagName(태그이름) 해당 태그 이름의 요소를 모두 선택하며, NodeList를 리턴한다. 1. document.getElementsByTagName('div'); /* 1. html페이지에서 div 태그를 모두 가져온다. */ 3. document.getElementById(아이디) 해당 아이디의 요소를 선택하며 아이디속성은 1개의 값을 가지므로 단일 객체를 리턴하고 해당 ID를 가진 요소가 없으면 null을 반환한다. 1. document.getElementById('ElementID')..

1. input type="submit" - HTML 양식에서 사용되는 입력 유형 중 하나로 이 입력 유형은 사용자가 양식을 제출할 때 사용되는 버튼으로 form 안에 데이터를 지정한 서버(action의 경로)로 전송하는 역할을 한다. 2. submit 버튼에 onclick 이벤트가 같이 부여된 경우 동작흐름 - submit 버튼에 onclick 이벤트가 같이 부여된 경우 onclick 이벤트가 실행되고 마지막에 submit 기능이 수행된다. 3. submit 버튼이 포함된 form 태그에 있는 Text 필드에 Enter 쳐보기 - 결과적으로 Text 필드가 focus 된 상태에서 Enter 입력 시 submit 버튼이 클릭된 것처럼 함수가 동작하고 서버로 요청되는데 HTML 기본 동작 흐름으로 가장 가..

1. onfocus : 요소가 포커스가 될 때 이벤트 발생 - 일반적으로 요소를 클릭하거나, Tab 할 때 이벤트 발생 2. onblur : 요소가 포커스에서 해제될 때 이벤트 발생 - 사용자가 입력 필드 외부를 클릭하거나, Tab 할 때 이벤트 발생