Study/JavaScript

[JS] createElement

taecongs 2023. 7. 21. 12:15

알고있으면 좋은 Javascript Tip✨


createElement()

  • 자바스크립트를 통해 HTML element 를 요소를 만들어 추가 할 수 있다.
  • 요소의 태그 이름을 매개변수로 받아 해당 노드로 생성한다.
// 기본 문법)
document.createElement(tagName);

// 예시) div 엘리먼트를 생성하는 경우라면?
let example = document.createElement("div");
  • tagName : 필수 매개변수이다. 생성할 요소의 태그를 지정하는 문자열 타입의 매개변수이다.
  • 요소를 만들기만해서는 사용할 수 없으며, 다른요소에 집어넣을 수 있도록 append, prepend, after, before 메서드를 사용한다.

'Study > JavaScript' 카테고리의 다른 글

[JS] event.target  (0) 2023.07.26
[JS] clientWidth & clientHeight  (0) 2023.07.26
[JS] sort  (0) 2023.07.21
[JS] find  (0) 2023.07.21
[JS] append & prepend & after & before  (0) 2023.07.21