<html>
<head>
<style type="text/css">
td {
border:1px solid navy;
width:50px; height:50px;
}
</style>
<script>
window.onload=function(){
tdTag.onclick=function(){
//this.parentNode.style.background="yellow";
//this.previousSibling.style.background="tomato";
//this.nextSibling.style.background="green";
}
trTag.onclick=function(){
this.childNodes[0].style.background="gray";
}
}
</script>
</head>
<body>
<table>
<tr id="trTag"><td>1</td><td id="tdTag">2</td><td>3</td><td>4</td></tr>
<tr><td>5</td><td>6</td><td>7</td><td>8</td></tr>
</table>
</body>
</html>
'개발하자 > 자바스크립트' 카테고리의 다른 글
| 배열로 접근해서 버튼색바꾸기 document.forms[0].elements[0] (0) | 2015.02.28 |
|---|---|
| event.srcElement.tagName (0) | 2015.02.28 |
| createElement로 순서 있는 리스트 만들어서 div에 넣기 (0) | 2015.02.28 |
| onchange 첫번째 옵션값 선택시 인식안하는것 해결 (0) | 2015.02.27 |
| createElement 로 테이블 만들기(수정기능까지) (0) | 2015.02.27 |