요약
지정된 태그이름을 가지는 엘리먼트를 생성합니다.
문법
엘리먼트 = document.createElement(태그이름);
예제
이 예제는 새로운 <div> 엘리먼트를 생성한 후, id가 "org_div1" 인 엘리먼트 앞에 추가합니다:
<html>
<head>
<title>||엘리먼트 사용하기||</title>
</head>
<script type="text/javascript">
var my_div = null;
var newDiv = null;
function addElement()
{
// 새로운 div 엘리먼트를 만들고
// 내용을 작성합니다.
newDiv = document.createElement("div");
newDiv.innerHTML = "<h1>안녕! 반가워!</h1>";
// 생성된 엘리먼트를 추가합니다.
my_div = document.getElementById("org_div1");
document.body.insertBefore(newDiv, my_div);
}
</script>
<body onload="addElement()">
<div id='org_div1'> 위의 문장은 동적으로 만들어 진 것입니다.</div>
</body>
</html>
참고 사항
기본값이 있는 잘 알려진 특성(attributes)들은 자동으로 생성되어 엘러먼트에 특성노드로 추가됩니다.
qualified 이름과 네임스페이스 URI를 갖는 엘리먼트를 만들 경우에는 createElementNS 메서드를 사용합니다.
Gecko 엔진의 createElement 구현은 XUL과 XHTML 문서에 대한 DOM 규약을 따르지 않습니다: localName과 namespaceURI는 null로 설정되지 않습니다. 자세한 사항은 bug 280692를 참고하세요.