完全对照答案写的但是还是没反应是为什么??

来源:9-22 编程练习

qq_慕勒1196999

2019-07-15 14:36

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<title>无标题文档</title>
<script type="text/javascript">
 window.onload=function(){
  var tr=document.getElementsByTagName("tr");  
  for(var i=0;i<tr.length;i++)
  {
  tr[i].style.backgroundColor="pink";   
  bgcchange(tr[i]);
  }
 }
 function bgcchange(obj){
  obj.onmouseover=function(){ 
   obj.style.backgroundColor="#F2ACAC";
  }
 }
 var num=2;
 function add(){
  num++;
  var tr=document.createElement("tr");
  var xd=doucment.createElement("td");
  var xm=doucment.createElement("td");    
     xd.innerHTML="xh00"+num;    
  xm.innerHTML="第"+num+"个学生";
  var del=doucment.createElement("td");
  del.innerHTML="<a href='javascript:;' onclick='del(this)' >删除</a>"; 
  var tab=document.getElementById("table");
  tab.appendChild(tr);
  tr.appendChild(xd);
  tr.appendChild(xm);
  tr.appendChild(del);  
  var tr=document.getElementsByTagName("tr");
  for(var j=0;j<tr.length;j++)
   {bgcchange(tr[j]);}
 }
 function del(obj)  
 {
  var tr=obj.parentNode.parentNode;
         tr.parentNode.removeChild(tr);  
 }
 </script>
</head>

<body>
<table width="50%" border="1" id="table">   <!----50%是相对页面的宽度,border是边框--->
 <tr>
  <th>学号</th>
  <th>姓名</th>
  <th>操作</th>
 </tr>
 <tr>
  <td>xh001</td>
  <td>王小明</td>
  <td><a href="javascript:;" onclick="del(this)">删除</a></td>   
 </tr>
 <tr>
        <td>xh002</td>
        <td>刘小芳</td>
        <td><a href="javascript:;" onclick="del(this);">删除</a></td>  
    </table>
    <input type="button" onclick="add()" value="添加一行">

</body>
</html>


写回答 关注

1回答

  • 酥v哒哒
    2019-07-18 21:38:26
    1. 没写鼠标移开事件,所以鼠标移开没反应

      https://img1.mukewang.com/5d3076100001f3b504650109.jpg

    2. 这一块的document拼错了

      https://img1.mukewang.com/5d30763b00013f8102930026.jpg

    3. 这一个分号是中文的

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题