[prototype.js] Element 생성하기
new Element(tagName[, attributes])
예제
일반 스크립트
ele.setAttribute('class', 'link');
ele.setAttribute('href', '/popup.html');
ele.appendChild(document.createTextNode("팝업열기"));
prototype를 이용한 스크립트
엘리먼트 추가, 삭제 예제
<!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" xml:lang="ko" lang="ko">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta http-equiv="keywords" content="enter,your,keywords,here" />
<meta http-equiv="description" content="A short description of this page." />
<meta http-equiv="content-type" content="text/html; charset=EUC-KR" />
<script type="text/javascript">
var count = 0;
/**
* 아이템 추가
*/
function appendItem(){
count++;
var newItem = document.createElement("div");
newItem.setAttribute("id", "item_" + count);
var html = '새로 추가된 아이템['+count+'] <input type="button" value="삭제" onclick="removeItem('+ count +')" />';
newItem.innerHTML = html;
var itemListNode = document.getElementById('itemList');
itemListNode.appendChild(newItem);
}
/**
* 아이템 삭제
*/
function removeItem(idCount){
var item = document.getElementById("item_" + idCount);
if(item != null){
item.parentNode.removeChild(item);
}
}
</script>
</head>
<body>
<input type="button" value="추가" onclick="appendItem()" />
<div id="itemList"></div>
</body>
</html>
'DEVELOPMENT > Javascript' 카테고리의 다른 글
| [javascript] 현재 페이지를 시작페이지로 설정하기 (0) | 2009.09.17 |
|---|---|
| [javascript] 바탕화면에 사이트 바로가기 만들기 (0) | 2009.09.15 |
| [HTML/JavaScript] Select list move options (0) | 2009.08.11 |
| [HTML/JavaScript ]select box option 추가 삭제 예제 (0) | 2009.08.11 |
| HTML 특수문자코드표 (0) | 2009.07.22 |
