div 동적생성 (createElement)
페이지 정보
작성자 서방님 댓글 0건 조회 213회 작성일 12-09-14 16:18본문
<script type="text/javascript">
var idx = 1; // 생성될 객체 idx
function addDivs(){
var newDiv=document.createElement('DIV'); // DIV 객체 생성
newDiv.setAttribute('id','div'+idx); // id 지정
newDiv.innerHTML='div'+idx; // 객체에 포함할 텍스트
document.body.appendChild(newDiv); // body의 자식 노드로 첨부 (필수)
idx++;
}
</script>
<input type="button" value="DIV 추가" onclick="addDivs()">
<input type="button" value="소스 보기" onclick="alert(document.body.innerHTML)">
var idx = 1; // 생성될 객체 idx
function addDivs(){
var newDiv=document.createElement('DIV'); // DIV 객체 생성
newDiv.setAttribute('id','div'+idx); // id 지정
newDiv.innerHTML='div'+idx; // 객체에 포함할 텍스트
document.body.appendChild(newDiv); // body의 자식 노드로 첨부 (필수)
idx++;
}
</script>
<input type="button" value="DIV 추가" onclick="addDivs()">
<input type="button" value="소스 보기" onclick="alert(document.body.innerHTML)">
댓글목록
등록된 댓글이 없습니다.
