DOM 방식의 노드 동작 예시에 대한 자세한 설명

document.createElement(tagName)
태그 이름 형식으로 요소 생성
parentNode.appendChild(childNode)
노드에 하위 노드 추가
parentNode.insertBefore(childNode1,childNode2) )
노드에 하위 노드를 추가합니다. 노드의 지정된 하위 노드 앞에 노드를 삽입합니다.
위와 같이 childNode1이 childNode2 앞에 삽입됩니다.

parentNode.removeChild(childNodes)
지정된 하위 노드를 제거합니다. 노드.

parentNode.replaceChild(node, childNode)
대체할 노드가 사용하는 노드, childNodes가 대체되는 하위 노드
두 매개변수 모두 작성해야 합니다.
node.cloneNode(boolean)
노드 복제
true: 요소와 요소에 포함된 하위 노드를 복제합니다.
flase: 요소를 복제하지만 요소의 하위 노드는 포함하지 않습니다.

node.parentNode 상위 노드
노드. offsetParent는 상위
노드 .children 하위 노드
node.previousElementSibling 이전 형제 노드
node.nextElementSibling 다음 형제 노드
node.firstElementChild(노드에서 첫 번째 하위 노드 가져오기)
node.lastElementChild(노드에서 마지막 하위 노드 가져오기)

위 내용은 DOM 방식의 노드 동작 예시에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!