为了账号安全,请及时绑定邮箱和手机立即绑定

求好心人帮忙看看..

求好心人帮忙看看..

慕粉3492982 2016-09-20 23:01:51
1.代码中表格框是怎么形成的?代码如下。2.代码中所指的 var tab=document.getElementById("table"); <table>是指的什么,没找到。谢谢大家了!<!DOCTYPE html><html> <head>  <title> new document </title>    <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>     <script type="text/javascript">         window.onload = function(){          var tr=document.getElementsByTagName("tr");          for(var i= 0;i<tr.length;i++)          {              bgcChange(tr[i]);          }     // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。      }          function bgcChange(obj)     {        obj.onmouseover=function(){            obj.style.backgroundColor="#f2f2f2";        }        obj.onmouseout=function(){            obj.style.backgroundColor="#fff";        } }    // 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点;     var num=2;     function add(){        num++;        var tr=document.createElement("tr");        var xh=document.createElement("td");        var xm=document.createElement("td");        xh.innerHTML="xh00"+num;        xm.innerHTML="第"+num+"学生";        var del=document.createElement("td");        del.innerHTML="<a href='javascript:;' onclick='del(this)' >删除</a>";        var tab=document.getElementById("table");        tab.appendChild(tr);        tr.appendChild(xh);        tr.appendChild(xm);        tr.appendChild(del);        var tr = document.getElementsByTagName("tr");          for(var i= 0;i<tr.length;i++)          {              bgcChange(tr[i]);          }     }           // 创建删除函数     function del(obj)     {         var tr=obj.parentNode.parentNode;         tr.parentNode.removeChild(tr);     }           </script>  </head>  <body>    <table border="1" width="50%" id="table">   <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>   <!--在删除按钮上添加点击事件  -->   </tr>     </table>   <input type="button" value="添加一行" onclick="add()" />   <!--在添加按钮上添加点击事件  --> </body></html>
查看完整描述

1 回答

已采纳
?
OlderSkee

TA贡献123条经验 获得超103个赞

<table>是个表单标签

那么里面的

<tr>表示行

<td><th>表示列,区别是 th 是加粗的列。

比如说。。

<tr>
   <th>学号</th>
   <th>姓名</th>
   <th>操作</th>
</tr>

这个tr是第一行, 第一行有三列,分别是  学号 姓名 操作  。 跟td是一个效果,th是加粗的。

整个

<table>

<tr>

  <td>  </td>
   <td>  </td> 
   <td>  </td>

</tr>

</table>

就是表格标签

这个线就是这个表格自带的属性  可以调的。


查看完整回答
1 反对 回复 2016-09-20
  • 1 回答
  • 0 关注
  • 1365 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信