HTML DOM 문서 createElement() 메서드

정의와 사용법

createElement() 요소 노드를 생성하는 메서드입니다。

추가로 참조하십시오：

Element appendChild() 메서드

Element insertBefore() 메서드

实例

例子 1

创建 <p> 元素并将其附加到文档中：

const para = document.createElement("p");
para.innerText = "This is a paragraph";
document.body.appendChild(para);

직접 시도해 보세요

例子 2

创建 <p> 元素并将其附加到元素：

const para = document.createElement("p");
para.innerHTML = "This is a paragraph.";
document.getElementById("myDIV").appendChild(para);

직접 시도해 보세요

예제 3

버튼을 생성하십시오：

const btn = document.createElement("button");
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);

직접 시도해 보세요

문법

document.createElement(tagName)

파라미터

파라미터 설명
tagName

필수입니다. 생성할 요소의 태그 이름을 지정합니다。

HTML 태그 이름은 어떤 대소문자도 사용할 수 있습니다。

XML 태그 이름은 대소문자를 구분합니다。

반환 값

타입 설명
노드 지정된 태그 이름을 가진 새로운 요소 노드를 생성합니다。

throw

tagName에 불법적인 문자가 포함되어 있으면, 이 메서드는 코드로 INVALID_CHARACTER_ERR 의 DOMException 예외가 있습니다。

브라우저 지원

document.createElement() DOM Level 1 (1998) 기능입니다。

모든 브라우저가 이를 지원합니다：

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 9-11 지원 지원 지원 지원