-
createElement()Study/JavaScript 2020. 6. 8. 15:38
HTML 문서에서 Document.createElement() 메서드는 지정한 tagName의 HTML 요소를 만들어 반환한다.
tagName을 인식할 수 없으면 HTMLUnknownElement를 대신 반환한다.
구문
let element = document.createElement(tagName[, options]);매개변수
tagName
: 생성할 요소의 유형을 가리키는 문자열
options
: is 속성 하나를 가진 ElementCreationOptions 객체.
속성의 값은 customElements.define() 을 사용해 정의한 사용자 정의 요소 입니다.
예제
아래 예제는 새로운 <div> 엘리먼트를 생성한 후, ID가 "div1" 인 요소 이전에 추가합니다.
<!DOCTYPE html> <html> <head> <title>||Working with elements||</title> </head> <body> <div id="div1">위의 텍스트는 동적으로 추가했습니다.</div> </body> </html>document.body.onload = addElemnt; function addElement() { // create a new div element let newDiv = document.createElement("div"); // and give it some content let newContent = document.createTextNod("환영합니다!"); // add the text node to the newly created div newDiv.appendChild(newContent); // add the newly created element and its content into the DOM let currentDiv = document.getElementById("div1"); document.body.insertBefore(newDiv, currentDiv); }출처 : mdn
'Study > JavaScript' 카테고리의 다른 글
forEach()와 map()의 차이점 (3) 2020.06.13 원시값의 메서드 (0) 2020.06.10 정적 메서드와 정적 프로퍼티 (0) 2020.06.08 클래스, 함수 변경해보기 (0) 2020.06.07 클래스와 기본 문법 (0) 2020.06.07