<html>
<head>
<style type="text/css">
td { border : 5px solid navy; }
.s1 { border-style:dotted; }
</style>
<script>
window.onload=function(){
var array=["aa","bb"];
var tableTag=document.createElement("table");
var trTag=document.createElement("tr");
for(var i in array){
var tdTag=document.createElement("td");
tdTag.innerHTML=array[i];
trTag.appendChild(tdTag);
tdTag.onclick=f1;
}
tableTag.appendChild(trTag);
con.appendChild(tableTag);
}
function f1(){ this.className="s1"; } //td클릭하면 클래스명을 바꿔준다.그러면 그 클래스속성이 적용된다.
</script>
</head>
<body>
<div id="con"></div>
</body>
</html>
'개발하자 > 자바스크립트' 카테고리의 다른 글
| 과제2)상단메뉴 클릭시 하위메뉴 나오기 (0) | 2015.03.01 |
|---|---|
| 과제1)토글기능 구현하기 (0) | 2015.02.28 |
| className 바꾸기 (0) | 2015.02.28 |
| 과제!!깔끔하게 바꾸기 ing (0) | 2015.02.28 |
| 줄삭제 숫자 감소 (0) | 2015.02.28 |
