2014. 7. 7. 17:15ㆍ프로그래밍/Javascript & JQuery
1. Javascript Table Tr Td 접근하기
TR은 rows
TD는 cells
접근 가능하며 , 배열형식으로 접근 할 수 있다.
example.html
=========================================================================================
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<script>
function test(){
var table1 = document.getElementById("table1");
table1.rows[0].cells[0].innerHTML = "hello";
table1.rows[0].cells[1].innerHTML = "world";
table1.rows[1].cells[0].innerHTML = "hey";
table1.rows[1].cells[1].innerHTML = "man";
}
</script>
</head>
<body>
<table id="table1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
<input type="button" value="test1" onClick="test();"/>
</body>
</html>
=========================================================================================
'프로그래밍 > Javascript & JQuery' 카테고리의 다른 글
| [Javascript] Json 객체접근 (0) | 2014.08.06 |
|---|---|
| [Javascript] Javascript에서 request.getParameter 사용 (0) | 2014.08.06 |
| [Javascript] iframe 내부 function 접근하기 (0) | 2014.07.07 |
| [jQuery] jQuery DOM window (레이어 팝업) (0) | 2014.06.13 |
| [Javascript] IE에서 Canvas를 사용할 경우 "개체가 'getcontext' 속성이나 메서드를 지원하지 않습니다." 해결책 (0) | 2014.06.12 |