<html>
<head>
<title>?new?documents?</title>
<meta?http-equiv='content-Type'?content?=?'text/html;?charset?=utf-8'?/>
<script?type?='text/javascript'>
function?addOne(obj){
var?tbody?=?documents.getElemenById('table').lastChild;
var?tr?=?document.createElement('tr');
var?td?=?document.createElement('td');
td.innerHTML?=?"<input?type?=?'text'/>";
tr.appenChild(td);
td?=?document.createElement('td');
td.innerHTML="<input?type='text'/>";
tr.appendChild(td);
td?=?document.createElement('td');
td.innerHTML=?"<a?href?=?'javascript:;'?onclick?=?'deleteRow(this)'>刪除</a>";
tr.appenChild(td);
tbody.appenChild(tr);
Highlight();
}
function?deleteRow(obj){
var?tbody?=?document.getElemenById('table').lastChild;
var?tr?=?obj.parentNode.parentNode;
tbody.removeChild(tr);
}
function?Highlight(){
var?body=?document.getElemenById('table').lastChild;
trs?=?tbody.getElemenByTagName('tr')
for?(var?i?=1;i<trs.length;i++){
trs[i].onmouseover=function(){
this.style.backgroundColor='#c00';
}
trs[i].onmouseout?=function(){
this.style.backgroundColor='#fff';
}
}
}
</script>
</head>
<body>
<table?border=?'1'?width?='50%'?id?="table"?onmouseover='Highlight()'>
<tr>
<th>學(xué)號(hào)</th>
<th>姓名</th>
<th>操作</th>
</tr>
<tr>
<td>xh001</td>
<td>王小明</td>
<td><a?href?=?'javascript:;'?onclick="deleteRow(this)">?刪除</a><td>
</tr>
<tr>
<td>xh002</td>
<td>劉小芳</td>
<td><a?href=?'javascript:;'?onclick?="deleteRow(this)">刪除</a></td>
</tr>
</table>
<input?type='button'?value="添加一行"?onclick?=?"addOne()"/>
</body>
</html>
2016-03-07
說實(shí)話 ,你這代碼的錯(cuò)誤貌似有點(diǎn)多。
大略看一下,錯(cuò)誤有倆個(gè):
一、document.getElemenById('table') ? Element ? 拼寫錯(cuò)誤,并且錯(cuò)了很多次。
二、window.onload=function(){Highlight()} ?沒寫。
不止這些錯(cuò)誤。