<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "Http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"-->
<html>
<head>
<title>TableRow</title>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR" />
<script type="text/javascript">
//<!-[CDATA [
//window.onload = procImage();
function procImage() {
// 테이블과 이미지 엘리먼트 접근
var tbl = document.getElementById("table1");
tbl.border="5px";
tbl.cellPadding="5px";
var img = document.getElementById("img1");
img.vspace="10";
// 각 송성에 대해서 테이블에 줄을 추가
var row1 = tbl.insertRow(-1);
// 두개의 셀 생성
var cell1 = row1.insertCell(0);
var cell2 = row1.insertCell(1);
// 텍스트 생성
var txtAttr1 = document.createTextNode("src");
var txtAttr1val = document.createTextNode(img.src);
// 각 셀에 텍스트삽입
cell1.appendChild(txtAttr1);
cell2.appendChild(txtAttr1val);
}
//]]>
</script>
</head>
<body onload="procImage();">
<img id="img1" src="dotty.gif" />
<table id="table1">
</table>
</body>
</html>
<결과 화면>
| src |
http://*****************/Javascript/Web2.0/Sub10/dotty.gif |