JavaScript

JavaScript-DOM(문서 객체 모델) 요소 추가와 노드 삭제/순서배열(2)

도도.__. 2023. 8. 12. 23:43

createElement() 함수

  • 새 요소를 만드는 함수이다.
  • document.createElement("추가할 요소");

createTextNode() 함수

  • 텍스트 요소를 만드는 함수이다.
  • document.createTextNode("추가할 텍스트");

appendChild() 함수

  • 노드를 연결하는 함수이다.(자식 노드로 추가한다.)
  • 부모가 될 노드.appendChild(자식이 될 노드);

createAttribute() 함수

  • 속성 노드를 만드는 함수이다.

setAttributeNode() 함수

  • 속성 노드를 요소 노드에 연결하는 함수이다.

hasChildNodes() 함수

  • 특정 노드에 자식 노드가 있는지 확인하는 함수이다.
  • 자식 노드가 있다면 true, 없다면 false를 반환한다.

childNodes 속성

  • 현재 노드의 자식 노드에 접근할 수 있는 속성이다.

insertBefore() 함수

  • 원하는 위치에 노드를 삽입할 수 있는 함수이다.
  • 첫 번째 인수는 추가하는 노드, 두 번째 인수는 기준이 되는 노드를 넣는다. 기준이 되는 노드 앞에 추가하는 노드가 온다.

removeChild() 함수

  • 부모 노드에서 자식 노드를 삭제하는 함수이다.
  • 노드는 스스로를 삭제할 수 없으므로 부모 노드에 접근한 후 삭제할 수 있다.

parentNode 속성

  • 현재 노드의 부모 요소를 반환하는 속성이다.

도슐랭스타
★★☆☆☆ : 많군요..^^
뭐가 많구요,,ㅎ 저는 자꾸 오타를 내서 공부 시간을 배로 만드는 마법을 부리네요,,^^ㅠ 저처럼 오타가 나지 않도록,, 여러분은 차근차근 꼼꼼하게 하셔요,, 기운이 쭉 빠지네요 크흑ㅠ