문서내 새로운 태그 생성 - createElement("tagName")
createElement() 메소드는 매개 변수로 태그 요소를 전달받아 문서안에 태그요소를 생성하는 메소드입니다. 생성된 요소는 document.body.insertBefore(생성한 태그요소) 메소드를 사용하여 삽입합니다.
<html>
<head>
<script type="text/javascript">
function testIframe(){
for(var i=0; i<3; i++){
OBJECT = document.createElement("IFRAME"); // IFRAME 요소를 생성
OBJECT.id="testIframe"+i;
document.body.insertBefore(OBJECT); // body 요소안에 생성한 iframe 요소삽입
}
}
</script>
<title>Insert title here</title>
</head>
<body>
<a href="#" onclick="testIframe();return false;">아이프레임 3개 생성</a></br>
</body>
</html>
'Java Script & DOM > HTML DOM' 카테고리의 다른 글
| 이미지 클릭시 이미지 변경하기 (0) | 2009.10.21 |
|---|---|
| HTML DOM - designMode 속성 ( 웹 브라우저창 편집 모드) (0) | 2009.09.22 |
| HTML DOM(Document Object Model)이란? (0) | 2009.09.22 |
| WYSIWYG(위지윅) 에디터 제작 기초 (0) | 2009.08.25 |
| 마우스 오버시 이미지가 계속 커지게 하는 방법 (0) | 2009.08.18 |