<html>
<head>
<style type="text/css">
</style>
<script>
window.onload=function(){
var arr=[{id:"goo",pw:"1111",addr:"jinju",tel:"757"},
{id:"hong",pw:"2222",addr:"busan",tel:"755"},
{id:"gang",pw:"3333",addr:"paju",tel:"752"}];
var keys = Object.keys(arr[0]);
var keys1 = Object.keys(arr);
var trTag=document.createElement("tr");
trTag.id="trTag";
tbTag.appendChild(trTag);
for(var k in keys1){
var brTag=document.createElement("br");
for ( var i in keys) {
var tdTag=document.createElement("td");
tdTag.style.border="red solid 2px";
tdTag.innerHTML=arr[k][keys[i]];
trTag.appendChild(tdTag);
}
trTag.appendChild(brTag);
}
}
</script>
</head>
<body>
<table id="tbTag">
</table>
</body>
</html>
'개발하자 > 자바스크립트' 카테고리의 다른 글
| onchange 첫번째 옵션값 선택시 인식안하는것 해결 (0) | 2015.02.27 |
|---|---|
| createElement 로 테이블 만들기(수정기능까지) (0) | 2015.02.27 |
| 키값 목록 뽑아오기 (0) | 2015.02.26 |
| 칸추가와 칸삭제 (0) | 2015.02.26 |
| removeChild(지울태그id) (0) | 2015.02.26 |
