[問題] javascript表格新增資料表格抓資料
以下是程式碼
新增那個功能不能用,不知道是哪裏出了問題~?
檢視成績的時候印出的東西也怪怪的,會印出define,抓的資料也不完全
不知道是哪裏出了問題~?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>DOM使用</title>
<style>
body,table,th,td{font-size:15px;}
#tabScore {border-collapse:collapse;}
#tabScore th{padding:5px}
#tabScore td{padding:5px}
</style>
<script>
function disScore(){
var tab=document.getElementById("tabScore");
var rows=tab.rows;
for(var i=1;i<rows.length;i++){
var name=rows[i].childNodes[0].innerText;
var java=rows[i].childNodes[1].innerText;
var html=rows[i].childNodes[2].innerText;
var sql=rows[i].childNodes[3].innerText;
var count=rows[i].childNodes[4].innerText;
document.write(name+':'+java+","+html+","+sql+","+count);
}
}
function addScore(){
var name=document.getElementById("userName").value;
var java=document.getElementById("java").value;
var html=document.getElementById("html").value;
var sql=document.getElementById("sql").value;
var count=parseInt(java)+parseInt(html)+parseInt(sql);
var tab=document.getElementById("tabScore");
var row=tab.insertRow();
var td_name=row.insertCell();
td_name.style.textAlign="center";
td_name.innerText=name;
var td_java=row.insertCell();
td_java.style.textAlign="center";
td_java.innerText=java;
var td_sql=row.insertCell();
td_sql.style.textAlign="center";
td_sql.innerText=sql;
var td_count=row.insertCell();
td_count.style.textAlign="center";
td_count.innerText=count;
}
</script>
</head>
<body>
姓名:<input type="text" id="userNmae" size="10"/>
Java:<input type="text" id="java" size="3" maxlength="2"/>
HTML:<input type="text" id="html" size="3"maxlength="2"/>
Sqlserver:<input type="text" id="sql" size="3"maxlength="2"/>
<input type="button" value="增加" onclick="addScore()"/>
<hr size="3"/>
<br>
<input type="button" value="檢視表中成績" onclick="disScore();">
<hr size="3">
<table id="tabScore" width="470" border="1"; bordercolor="#003399"
align="center">
<tr bgcolor="#0099FF">
<th>姓名</th><th>JAVA</th><th>HTML</th><th>SQLServer</th><th>總成績</th>
</tr>
<tr>
<td align="center">張三</td>
<td align="center">87</td>
<td align="center">92</td>
<td align="center">79</td>
<td align="center">258</td>
</tr>
<tr>
<td align="center">李四</td>
<td align="center">54</td>
<td align="center">92</td>
<td align="center">87</td>
<td align="center">247</td>
</tr>
<tr>
<td align="center">王五</td>
<td align="center">94</td>
<td align="center">81</td>
<td align="center">67</td>
<td align="center">269</td>
</tr>
</table>
</body>
</html>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 111.246.201.24
→
03/29 17:11, , 1F
03/29 17:11, 1F
→
03/29 17:12, , 2F
03/29 17:12, 2F
→
03/29 21:51, , 3F
03/29 21:51, 3F
→
03/29 21:51, , 4F
03/29 21:51, 4F
→
03/29 21:51, , 5F
03/29 21:51, 5F
→
03/29 22:40, , 6F
03/29 22:40, 6F
→
03/29 22:41, , 7F
03/29 22:41, 7F
→
03/29 22:42, , 8F
03/29 22:42, 8F
推
03/30 00:01, , 9F
03/30 00:01, 9F
推
03/30 00:07, , 10F
03/30 00:07, 10F
推
03/30 00:41, , 11F
03/30 00:41, 11F
→
03/30 00:42, , 12F
03/30 00:42, 12F
→
04/01 08:10, , 13F
04/01 08:10, 13F
→
04/01 08:11, , 14F
04/01 08:11, 14F
→
04/01 08:11, , 15F
04/01 08:11, 15F
→
04/01 08:14, , 16F
04/01 08:14, 16F
→
04/01 08:16, , 17F
04/01 08:16, 17F
→
04/01 08:16, , 18F
04/01 08:16, 18F