-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtable.html
75 lines (69 loc) · 2.86 KB
/
table.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<html>
<body>
<table border="1" id="table1">
<thead>
<th data-field="id">아이디</th>
<th data-field="name">이름</th>
<th data-field="gender">성별</th>
<th data-field="address">주소</th>
<th data-field="regDate">가입일</th>
<th data-field="btn">유저삭제</th>
<th data-field="btnModify">유저수정</th>
</thead>
<tbody id="tb1"></tbody>
</table>
<div id="nodeDiv"></div>
</body>
<script>
var tableObj = document.getElementById("table1");
var nodes = tableObj.childNodes;
var divObj = document.getElementById("nodeDiv");
var thObj = nodes[1].childNodes;
var trObj = thObj[1].childNodes;
var keyStrs = new Array();
for(var i=0;i<trObj.length;i++){
var tro = trObj[i];
try{
if(tro.getAttribute("data-field")!=null){
keyStrs[keyStrs.length] = tro.getAttribute("data-field");
}
}catch(e){
}
}
divObj.innerHTML += keyStrs;
var tbList = {};
tbList["id"] = "redfila";
tbList["name"] = "박경훈";
tbList["address"] = "서울";
tbList["gender"] = "남자";
tbList["regDate"] = "2017-09-24";
tbList["btn"] = "<input type='button' value='삭제' data-func='delete'>";
tbList["btnModify"] = "<input type='button' data-func='modify' value='수정'>";
var tb1Str = "";
tb1Str += "<tr>";
for(var i=0,max=keyStrs.length;i<max;i++){
tb1Str += "<td>";
if(!tbList[keyStrs[i]]){
tb1Str += "-"
}else{
tb1Str += tbList[keyStrs[i]];
}
tb1Str += "</td>";
}
tb1Str +="</tr>";
var tbObj = document.getElementById("tb1");
var inputObj = document.getElementsByTagName("input");
tbObj.innerHTML = tb1Str;
for(var i=0,max = inputObj.length;i<max;i++){
var iObj = inputObj[i];
if(iObj.getAttribute("type")=="button"){ iObj.onclick=function(){
if(this.getAttribute("data-func") == "delete"){
alert("삭제버튼클릭");
}else if(this.getAttribute("data-func")=="modify"){
alert("수정버튼클릭");
}
}
}
}
</script>
</html>