hyeonga_code

Ajax_DOM_DOM API 를 사용하여 문서 구조 변경하기 본문

Ajax

Ajax_DOM_DOM API 를 사용하여 문서 구조 변경하기

hyeonga 2023. 10. 20. 05:59
반응형


- DOM API 를 사용하여 문서 구조 변경하기
    - Document 인터페이스의 Element 노드 생성 함수
    Element createElement(String tagName)
        - 지정한 태그 이름을 갖는 Element 노드를 생성합니다.
    Text createText(String text)
        - text 값으로 갖는 Text 노드를 생성합니다.

    - Node 인터페이스의 DOM 트리 변경 관련 함수
    Node insertBefore(Node newChile, Node refChild)
        - 현재 노드의 자식 노드인 refChild 노드의 previousSibing 자리에 newChild 노드를 삽입합니다.
    Node replaceChild(Node newChild, Node oldChild)
        - 현재 노드의 자식 노드인 oldChild 노드를 새로운 newChild 노드로 교체합니다.
    Node removeChild(Node oldChild)
        - 현재 노드의 자식 노드인 oldChild 노드를 제거합니다.
    Node appendChild(Node newChild)
        - newChild 노드를 현재 노드의 마지막 자식 노드로 추가합니다.

반응형