HTML DOM 문서 createElement()
예
<p> 요소를 만들고 문서에 추가합니다.
const para = document.createElement("p");
para.innerText = "This is a paragraph";
document.body.appendChild(para);
<p> 요소를 만들고 요소에 추가합니다.
const para = document.createElement("p");
para.innerHTML = "This is a paragraph.";
document.getElementById("myDIV").appendChild(para);
아래에 더 많은 예가 있습니다.
정의 및 사용
이 createElement()
메서드는 요소 노드를 만듭니다.
통사론
document.createElement(type)
매개변수
Parameter | Description |
type | Required. The type of element to create. |
반환 값
유형 | 설명 |
마디 | 생성된 요소 노드입니다. |
더 많은 예
버튼 만들기:
const btn = document.createElement("button");
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);
브라우저 지원
document.createElement()
DOM 레벨 1(1998) 기능입니다.
모든 브라우저에서 완벽하게 지원됩니다.
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |