폼 객체??

history 객체

-브라우저의 히스토리 정보를 문서와 문서 상태 목록으로 저장하는 객체

-사용자의 개인 정보를 보호하기 위해 이 객체의 대부분의 접근 방법을 제한

 

back(): 뒤로 이동

forward(): 앞으로 이동

go(0): 새로고침

 

location 객체의 새로고침

             location.reload(): 새로고침

 

navigator 객체

브라우저 공급자 및 버전 정보등을 포함한 브라우저에 대한 정보를 저장하는 객체

geolocation: GPS정보를 수신하는 프로퍼티

 

문서 객체 모델(Document Object Model)        //html문서를 마음대로 조작을 가능하게 하는 역할

-HTML문서 또는 XML문서등을 접근하기 위한 일종의 인터페이스 역할

-문서 내의 모든 요소를 정의하고 각각의 요소에 접근하는 방법을 제공

 

document 객체

-웹 페이지 자체(body)를 의마하는 객체

-웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때 반드시 document 객체로부터 시작

 

✅암기✅

getElementsByTagName(): 해당 태그 이름의 요소를 모두 선택
getElementById(): 해당 아이디의 요소를 선택
getElementsByClassName(): 해당 클래스에 속한 요소를 모두 선택
getElementsByName(): 해당 name 속성값을 가지는 요소를 모두 선택
querySelectorAll(): 선택자로 선택되는 요소를 모두 선택  ()안에 css 선택자를 넣어줌
(querySelector())

 

노드(node)

HTML DOM은 노드라고 불리는 계층적 단위에 정보를 저장

 

노드 종료

-문서노드: 문서 전체를 나타내는 노드

-요소노드: HTML 요소는 요소 노드, 속성노드에 관한 정보를 가지고 있음

속성노드: 속성은 모두 속성 노드이며, 요소 노드에 관한 정보를 가지고 있음

// <a href> -> href가 a앵커태그에 속해있는 것을 알고 있음

텍스트노드:텍스트는 모두 텍스트 노드

주석노드: 주석은 모두 주석노드

 

노드의 관계

parentNode: 부모 노드

children: 자식노드 리스트

childNodes: 자식 노드 리스트

firstChild: 첫번째 자식 노드

firstElementChild: 첫번째 자식 요소 노드

lastChild: 마지막 자식노드

nextSibling: 다음 형제 노드

previousSibling: 이전 형제 노드

 

메소드

노드 추가 //기존 노드 ->다른 곳에 넣거나 추가하고 변수에 넣어놨다가 list있는곳에 넣어줌

appendChild(): 새로운 노드를 해당 노드의 자식 노드 리스트 맨 마지막에 추가 //노드 마지막에 추가

insertData(): 새로운 노드를 텍스트 데이터로 추가

 

노드 생성

createElement(): 새로운 요소 노드를 만듬

createAttribute(): 새로운 속성 노드를 만듬

createTextNode(): 새로운 텍스트 노드를 만듬

 

노드 제거

removeChild(): 자식 노드 리스트에서 특정 자식 노드를 제거. 

노드가 제거되면 해당 노드를 반환. 노드가 제거될 때 노드의 자식들도 다같이 제거

removeAttribute(): 특정 속성 노드를 제거

 

노드 복제

cloneNode(): 기존의 존재하는 노드와 동일한 새로운 노드를 생성하여 반환

 

노드교체

replaceChild(): 기존의 요소 노드를 새로운 요소 노드로 교체

replaceData(): 텍스트 노드의 텍스트 데이터를 교체

 

✅정규식 표현
정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴

    /   ~   / 시작과 끝
    ^ : 패턴의시작
    [ ] : 안의 문자를 찾음
    [x-z] : x~z 사이의 문자를 하나를 찾음
    x+ : x가 1번이상 반복
    x$ : 문자열이 x로 끝남
    ^x : 문자열이 x로 시작
    \d : 숫자
    x{n} : x를 n번 반복한 문자를 찾음
    x{n,m} : x를 n번 이상 m번 이하 반복한 문자를 찾음