<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<script type="text/javascript">
// 화면 버튼 누를때 마다 버튼 증가
// 증가된 버튼 클릭시 클릭 버튼 제거
window.onload = function() {
var btn = document.getElementById("btn");
btn.addEventListener('click', function(){
var newBtn = document.createElement('button');
newBtn.innerHTML = "newb";
document.body.appendChild(newBtn);
newBtn.addEventListener('click',function(){
document.body.removeChild(newBtn);
});
});
}
</script>
</head>
<body>
<button id = "btn">create</button>
</body>
</html>
반응형
':::: 개발 :::: > ::: JSCRIPT :::' 카테고리의 다른 글
| 햇갈리던 스크립트에 변수 붙이기 ㅠㅠ 아오 (0) | 2013.10.17 |
|---|---|
| 정규식 폼 체크 ( 특정 문자 체크) (0) | 2013.09.10 |
| jquery div id 가 중복일때 처리 (0) | 2012.09.19 |
| senchaTouch2 JSONP (0) | 2012.05.29 |
| 라디오 버튼 체크 함수 (0) | 2011.09.01 |
| jQuery 웹 주소 & $ 딸라 충돌 오류 방지 (0) | 2011.04.22 |
| jQuery 아이프레임 부모창 제어하기 (0) | 2011.03.31 |
| 이미지 사이즈 팝업 (0) | 2010.07.14 |