Dr.Mlem Blog

appendChild와 insertAdjacentHTML은 모두 JavaScript에서 HTML 요소를 문서에 추가하는 데 사용되지만, 각각의 작동 방식과 사용 목적이 다릅니다.appendChildappendChild는 DOM 노드(DOM Node)를 특정 부모 요소의 자식 요소로 추가할 때 사용됩니다.특징:노드(Node) 단위로 작동:appendChild는 HTML 문자열이 아닌 DOM 노드를 매개변수로 받습니다. 따라서 새 요소를 추가하려면 먼저 document.createElement() 또는 document.createTextNode() 등을 사용해 노드를 생성해야 합니다.마지막 자식으로 추가:appendChild를 사용하면 지정된 부모 요소의 마지막 자식으로 추가됩니다.기존 노드 이동 가능:ap..

appendChild 와 .insertAdjacentHTML 의 차이는 뭐야?   appendChild와 .insertAdjacentHTML은 모두 DOM 요소에 새로운 콘텐츠를 추가하는 데 사용되지만, 몇 가지 중요한 차이점이 있습니다.1. 추가 방식:appendChild: DOM 노드 객체를 인자로 받아 부모 요소의 마지막 자식으로 추가합니다.insertAdjacentHTML: HTML 문자열을 인자로 받아 지정된 위치에 HTML 코드로 삽입합니다.2. 삽입 위치:appendChild: 항상 부모 요소의 마지막 자식으로 추가됩니다.insertAdjacentHTML: 두 번째 인자로 삽입 위치를 지정할 수 있습니다.'beforebegin': 요소 앞에 삽입'afterbegin': 요소 내부의 시작 부분..