| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 443 人关注过本帖
标题:这个问题该如何解决。
只看楼主 加入收藏
qw131211
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2012-2-6
结帖率:0
收藏
已结贴  问题点数:20 回复次数:1 
这个问题该如何解决。
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
 <head>
  <title> new document </title>
  <meta name="generator" content="editplus">
  <meta name="author" content="">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <script>
  var i=3
  var a=3
  var b
        function zj(){

            var a=document.getElementById("table")
            b=a.insertRow(i);
            
            var  td1=b.insertCell(0);
            var  td2=b.insertCell(1);
            var  td3=b.insertCell(2);
            var  td4=b.insertCell(3);
            b.id='a'+i
            td1.innerHTML="抗疲劳神奇钛项链圈";
            td2.innerHTML=i;
            td3.innerHTML="49.00";
            td4.innerHTML="<input type='button' value='删除' onclick=sc('"+b.id+"')>";
            i++;
            a++;
        }
        function sc(id){
            var a=document.getElementById("table")
            var  b=document.getElementById(id);
             var  index=b.rowIndex;
            a.deleteRow(index);
      
        }
  </script>
 </head>

 <body>
    <table id="table" border="1" bordercolor="black"cellspacing="0" cellpadding="0" width=400px style="text-align:center">
        <tr>
            <td>商品名称</td>
            <td>数量</td>
            <td>价格</td>
            <td>操作</td>
        </tr>
        <tr id="a1">
            <td>防滑真皮休闲鞋</td>
            <td>12</td>
            <td>568.00</td>
            <td><input type="button" value="删除" onclick="sc('a1')"></td>
        </tr>
        <tr id="a2">
            <td>抗疲劳神奇钛项链圈</td>
            <td>2</td>
            <td>49.00</td>
            <td><input type="button" value="删除" onclick="sc('a2')"></td>
        </tr>
        <tr id="aa">
            <td colspan="4"><input type="button" value="增加订单" onclick="zj()"></td>
        </tr>
    </table>
 </body>
</html>
运行后点击 增加订单 后 删除 再点 增加订单 就有缺陷了。增加的订单跑到下面去了。这个问题该如何解决。
搜索更多相关主题的帖子: html public title 菏泽 
2012-02-06 20:33
pigzee
Rank: 2
等 级:论坛游民
帖 子:20
专家分:69
注 册:2010-3-30
收藏
得分:20 
稍微编辑了下,你使用insertBefore试试
function zj(){
        
        var newNode = document.createElement("tr");
        newNode.setAttribute("id", 'a' + i); //设置row的属性.
        var cell1 = document.createElement("td");//创建td
        cell1.appendChild(document.createTextNode("抗疲劳神奇钛项链圈"));//td里注入文本
        newNode.appendChild(cell1);//将TD注入TR
        var cell2 = document.createElement("td");//创建td
        cell2.appendChild(document.createTextNode(i));//td里注入文本
        newNode.appendChild(cell2);//将TD注入TR
        var cell3 = document.createElement("td");//创建td
        cell3.appendChild(document.createTextNode('49.00'));//td里注入文本
        newNode.appendChild(cell3);//将TD注入TR
        b.id='a'+i;
        var cell4 = document.createElement("td");//创建td
        var btnel =
        cell4.innerHTML = "<input type='button' value='删除' onclick=sc('"+b.id+"')>";//td里注入文本
        newNode.appendChild(cell4);//将TD注入TR
        var aaa=document.getElementById("aa");
        aaa.parentNode.insertBefore(newNode,aaa);
        i++;
        a++;
    }
2012-02-10 09:50
快速回复:这个问题该如何解决。
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.015922 second(s), 9 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved