1. 爱易网页
  2. HTML教程
  3. JS控制HTMLDOM表格行下上移动

JS控制HTMLDOM表格行下上移动

日期：2014-05-17　 浏览次数：20791 次

JS控制HTMLDOM表格行上下移动
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>JS控制HTMLDOM表格行上下移动</title>
<style type="text/css">
<!--
td  { text-align:center;font-size:12px;padding:3px;}

www.111cn.cn
-->
</style>
</head>
<body>
<table id="table1" bordercolor="#000000" width="200" border="1">
    <tbody>
        <tr>
            <td width="25%">1</td>
            <td width="25%">11</td>
   <!--使用javascript:void(0)是为了能够传递this参数到事件处理程序-->
            <td width="25%"><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td>
            <td width="25%"><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td>
        </tr>
        <tr>
            <td>2</td>
            <td>22</td>
            <td><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td>
            <td><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td>
        </tr>
        <tr>
            <td>3</td>
            <td>33</td>
            <td><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td>
            <td><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td>
        </tr>
        <tr>
            <td>4</td>
            <td>44</td>
            <td><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td>
            <td><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td>
        </tr>
        <tr>
            <td>5</td>
            <td>55</td>
            <td><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td>
            <td><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td>
        </tr>
    </tbody>
</table>
</body>
</html>

<script language="JavaScript" type="text/javascript">

相关资料更多>

  1. dreamweaver中标签对能够有颜色提示么？该怎么解决
  2. 做个象是点的威客网站，需要多少钱
  3. 好用的html-css上拉菜单
  4. JSP表单交付给servlet，获取表单数据
  5. 刚开始学习编网页，遇到了一些有关问题，求高人指点
  6. css3 css札记
  7. 背景图追随界面大小而改变
  8. select 怎么根据文字长度自适应宽度
  9. html设立加粗，倾斜，下划线，删除线