<html>
<head>
<style type="text/css">
td{ border:2px solid navy; }
</style>
<script>
</script>
</head>
<body>
<script>
var dataset=[
{"addr":"가좌동","id":"aa","pw":"11","tel":"010"},
{"addr":"호탄동","id":"bb","pw":"22","tel":"011"},
{"addr":"칠암동","id":"cc","pw":"33","tel":"012"}
];
var title=["id","pw","addr","tel"];
var cnt=0;
document.write("<table>");
document.write("<tr>");
for(var i in title){
document.write("<td>"+title[i]+"</td>");
}
document.write("</tr>");
for(var index in dataset){
document.write("<tr>");
for(var key in dataset[index]){
var k=title[cnt++];
var value=dataset[index][k];
document.write("<td>"+value+"</td>");
}cnt=0;
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
</html>
'개발하자 > 자바스크립트' 카테고리의 다른 글
| 자바스크립트 천단위 콤마찍기 (정규식) (0) | 2018.02.20 |
|---|---|
| 배열의 키를 이용해서 값 뽑아내기 (0) | 2015.03.03 |
| Button.prototype.setColor (0) | 2015.03.03 |
| 객체생성해서 appendChild하기 (0) | 2015.03.03 |
| 객체생성이용,외부js파일이용,클릭이벤트 등록하기 (0) | 2015.03.03 |