JavaScript에서 요소 노드를 생성하는 방법은 무엇인가요?


JavaScript에서 요소 노드를 생성하는 방법은 다음과 같습니다.

  • createElement() 메소드를 사용하여 새로운 요소 노드를 생성합니다. 이 메소드는 새로운 요소의 이름을 매개변수로 받습니다.

예시:

const newDiv = document.createElement('div');
  • createTextNode() 메소드를 사용하여 새로운 텍스트 노드를 생성합니다. 이 메소드는 새로운 텍스트 노드의 내용을 매개변수로 받습니다.

예시:

const newText = document.createTextNode('Hello World!');
  • appendChild() 메소드를 사용하여 새로운 요소 노드나 텍스트 노드를 다른 노드의 자식으로 추가합니다. 이 메소드는 추가할 노드를 매개변수로 받습니다.

예시:

const newDiv = document.createElement('div');
const newText = document.createTextNode('Hello World!');
newDiv.appendChild(newText);


About the author

William Pham is the Admin and primary author of Howto-Code.com. With over 10 years of experience in programming. William Pham is fluent in several programming languages, including Python, PHP, JavaScript, Java, C++.