appendChild : 자식 노드로서 객체를 붙인다
<html>
<head>
<title></title>
<script type="text/javascript">
//i값 초기화
var i = 0;
//생성
function createCheckbox() {
var chbx = document.createElement("input");
chbx.setAttribute("type", "checkbox");
chbx.setAttribute("id", i + "a");
chbx.setAttribute("name", i++); //증가
document.body.appendChild(chbx);
}
//삭제
function deleteCheckbox() {
var objInput = document.getElementsByTagName("input"); //getElementsByTagName 함수로 input 객체를 모두 가져옴.
var objarrCheckbox = new Array(); //배열변수 선언.
var k = 0; //k 값 초기화.
//objInput 배열길이만큼 for 루프 진행.
for (var j = 0; j < objInput.length; j++) {
//objInput 의 i번째의 type 이 checkbox 라면
//objCheckbox 의 k번째에 넣습니다. 그리고 k 는 증가합니다.
if (objInput[j].type == "checkbox") objarrCheckbox[k++] = objInput[j];
}
//이렇게 하면 objarrCheckbox 배열안에 type 이 checkbox 인 객체들만 들어가게 됩니다.
//이후 아래 for 루프를 돌면서 객체 삭제
for (var j = 0; j < objarrCheckbox.length; j++) {
objarrCheckbox[j].parentNode.removeChild(objarrCheckbox[j]);
}
}
</script>
</head>
<body>
<input type="button" value=" 추 가 " onclick="createCheckbox()" />
<input type="button" value=" 삭 제 " onclick="deleteCheckbox()" />
</body>
</html>
'웹프로그래밍 > ㅡJavascript ㅡ' 카테고리의 다른 글
| Firebug의 console 파헤치기[펌글] (0) | 2012.06.20 |
|---|---|
| textarea 글자수제한 및 스크롤 없애기 (0) | 2010.11.26 |
| 시간관련 함수 (0) | 2010.09.02 |