💻Programming/🏃‍♀️JavaScript

[JavaScript] 09. DOM

// id 로 접근 let name = document.getElementById("name").value; //name으로 접근 let age = document.getElementsByName("age")[0].value; //tag로 접근 let birth = document.getElementsByTagName("input")[2].value; let chk = document.querySelector("input[type=checkbox]").checked; //let chk = docment.querySelectorAll("input[type=checkbox]")[0].value; //class 속성으로 접근 let tel = document.getElementsByClassName("telC..

[JavaScript] 09. DOM

문서 객체 모델 (Document Object Mode) 웹 페이지 콘텐츠를 조작하는 메소드와 인터페이스를 제공 XML을 HTML에서 사용할 수 있도록 확장된 애플리케이션 노드 트리의 가장 상위에는 단 하나의 루트 노드 루트 노드를 제외한 모든 노드는 단 하나의 부모 노드를 갖음 모든 요소 노드는 자식 노드를 가질 수 있음

[JavaScript] 08. 정규식

정규식 유효성 검사를 할 때 가장 많이 사용되는 것 사용 방법을 알고 있으면 어렵지 않게 사용 가능 경우에 따라서는 정규식이 아닌 방법을 사용해야 하는 일이 있을 수 있음 정규식 생성 방법 RegExp 객체 생성 생성자 방식 var 변수 = new RegExp(pattern[, flags]); 일반적으로 RegExp를 통한 방법보다는 "정규식 리터널"을 이용함 파라미터에서 따옴표를 사용하거나 슬래쉬를 사용해야한다. 첫 번째 인자는 패턴 두 번째 인자는 플래그 flags g: 일치하는 첫 번째 문자에서 그치지 않고 전체에서 일치하는 모든 문자를 검색 i : 대소문자를 같은 문자로 취급하고 싶다면 사용 리터럴 방식 var p = /ab+c/i; / /사이에 정규식을 입력하고, 홑따옴표나 쌍따옴표를 사용할 수..

[JavaScript] 07. form 객체

forms 요소 document.forms 객체 HTMLCollction 객체로 요소는 폼의 이름이나 인덱스를 이용하여 접근한다. 객체를 이용하여 요소에 객체 이라고 하는 것은 유사 배열이라고 생각하면 편하다. form 주요 속성 및 메소드 주요 속성 설명 elemennts FORM 요소에 담긴 모든 form 컨트롤(control) 배열을 반환한다. length FORM 요소의 컨트롤 수를 반환한다. name 현재 FORM 요소 이름을 문자열로 반환한다. action FORM 요소의 action을 설정하거나 반환 받는다. enctype FORM 요소의 contentType을 설정하거나 반환 받는다. encoding 속성과 동일하다. method FORM 요소의 HTTP method를 설정하거나 반환 받는..