프로그래밍/Javascript

Javascript 4일차 -노드생성_복제_제거, 폼객체

윤도ri 2022. 1. 13. 23:11

>노드 생성
    createElement(요소이름)                   :새로운 요소 노드 만들기

                                            ---->1. 요소이름추가 2. 요소이름안에 내용넣기 3.추가메소드로 원하는 위치에 넣기
    createAttribute(속성이름)                  :새로운 속성 노드 만들기 

                                            ---->1. 속성이름추가 2.속성안에 직접 속성값 주기 3.속성추가메소드쓰기.

    createTextNode(추가할 텍스트 내용)    :새로운 텍스트 노드 만들기

                                            ---->1.추가할 텍스트 내용추가 2.원하는 위치에 텍스트 추가

setAttribute("attributeName","value") setAttributeNode("attrbute") 둘이 비슷해보이지만 넣는 값의 차이가 있다.

>노드 제거
    removeChild()    :자식 노드 리스트에서 특정 자식 노드를 제거
                           - 성공적으로 노드를 제거하면 제거되는 노드가 반환 
                           - 노드가 제거될 때에는 제거되는  모든 자식들도 같이 제거됨. 
                   



>노드 복제 
    cloneNode(true/false) :기존의 존재하는 노드와 동일한 새로운 노드를 생성하고 반환 
        true             :복제되는 노드의 모든 속성자식노드도 같이 복제
        false             :속성 노드만 복제하고 자식 노드를 복제하지 않음.


>폼 객체
    document.폼이름 

>내부의 input태그  접근 


    폼객체.input태그이름 
    폼객체.elements[0] 
    폼객체.elements[input태그이름] 

form의 유효성 검사를 할때 위의 함수를 짜서 만든다.

>정규표현식
- 문자열이 어떤 형태로,어떤 특정한 문자가 들어가 있는지 등을 검사하고 문자조합과 대응하기 위해 사용되는 패턴 

  정규표현식 (Regex) 정리 (tistory.com)