웹 프로그래밍/JAVASCRIPT

문서내에 새요소를 만드는 createElement 메소드

웹 개발자의 비상 2010. 4. 5. 20:27

createElement

: 문서내의 요소를 만든다.

document.createElement(nodeName)

ex)
//test.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>Testing</title>
 <script type="text/javascript" src="example.js"></script>
</head>

<body>
<div id="testdiv">
</div>
</body>
</html>

//example.js
window.onload = function() {
 var para = document.createElement("p");
 var info = "nodeName: ";
 info+= para.nodeName;
 info+= " nodeType: ";
 info+= para.nodeType;
 alert(info);
}

결과 : 얼럿 nodeName: P nodeType: 1



728x90