谁能帮我看看哪错了,看了半小时也没有看出来

来源:9-22 编程练习

晴雨踏青

2016-03-07 17:24

<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>学号</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>
	


写回答 关注

1回答

  • 风随依然
    2016-03-07 22:11:30
    已采纳

    说实话 ,你这代码的错误貌似有点多。

    大略看一下,错误有俩个:

    一、document.getElemenById('table')   Element   拼写错误,并且错了很多次。

    二、window.onload=function(){Highlight()}  没写。

    不止这些错误。


    晴雨踏青

    好吧。。。眼力不行了QAQ

    2016-03-08 09:31:09

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题