V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
lovine
V2EX  ›  问与答

js 的一点小问题,有空帮忙看看吗 (javascript 问题)

  •  
  •   lovine · 2014-09-10 20:58:33 +08:00 · 3120 次点击
    这是一个创建于 3711 天前的主题,其中的信息可能已经有所发展或是发生改变。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function deleteRows(e){
    var deleteRows =document.getElementById(e);
    var deleteRowsIndex =deleteRows.rowIndex;
    document.getElementById("myTable").deleteRow(deleteRowsIndex);
    }
    function addRow(){
    var newRow=document.getElementById("myTable").insertRow(3);
    var col1=newRow.insertCell(0);
    col1.innerHTML="葡萄";
    var col2=newRow.insertCell(1);
    col2.innerHTML="10";
    var col3=newRow.insertCell(2);
    col3.innerHTML="5";
    var col4=newRow.insertCell(3);
    col4.innerHTML="<input type='button' value='删除' onclick='delRow()'/>"
    }
    function delRows(){
    document.getElementById("myTable").deleteRow(1);
    }
    function getRows(){
    var tb=document.getElementById("myTable");
    alert(tb.rows.length);
    }
    function getCells(){
    var tb=document.getElementById("myTable");
    var tr=tb.rows[1];
    var tdCount =tr.cells.length;
    alert(tdCount);
    }
    </script>
    </head>

    <body>
    <table width="275" border="1" id="myTable">
    <thead>
    <td width="71" height="33">商品名称</td>
    <td width="51">价格</td>
    <td width="47">数量</td>
    <td width="78"></td>
    </thead>
    <tbody>
    <tr id="aa">
    <td height="25">苹果</td>
    <td>2</td>
    <td>10</td>
    <td><input type="button" value="删除" onclick="deleteRows('aa')" /></td>
    </tr>
    <tr id="aaa">
    <td height="25">香蕉</td>
    <td>5</td>
    <td>10</td>
    <td><input type="button" value="删除" onclick="deleteRows('aaa')" /></td>
    </tr>
    </tbody>
    </table>
    <input type="button" value="增加行" onclick="addRow()"/>
    <input type="button" value="总行数" onclick="getRows()"/>
    <input type="button" value="第二行单元格" onclick="getCells()"/>
    <input type="button" value="删除第二行" onclick="delRows()"/>
    </body>
    </html>
    13 条回复    2014-09-11 12:51:56 +08:00
    lovine
        1
    lovine  
    OP
       2014-09-10 20:59:27 +08:00
    可以复制代码 运行看下效果 用 js 增加出来 那一行的 button 获取不到点击事件
    这里: var col4=newRow.insertCell(3);
    col4.innerHTML="<input type='button' value='删除' onclick='delRow()'/>"
    jsonline
        2
    jsonline  
       2014-09-10 21:03:05 +08:00 via Android   ❤️ 2
    aa65535
        3
    aa65535  
       2014-09-10 21:10:12 +08:00   ❤️ 1
    你没发现函数名写错了么? 是 onclick='delRows()' 吧。
    jacob
        4
    jacob  
       2014-09-10 21:10:21 +08:00
    没心情看了,乱
    oott123
        5
    oott123  
       2014-09-10 21:11:00 +08:00   ❤️ 1
    你压根就没定义 delRow 函数啊……
    你是不是少写了个 s ……
    lovine
        6
    lovine  
    OP
       2014-09-10 21:18:30 +08:00
    @aa65535
    @oott123 = =是这里 原谅我眼花了
    seki
        7
    seki  
       2014-09-10 21:19:21 +08:00   ❤️ 1
    Uncaught ReferenceError: delRow is not defined
    runner:1onclick
    belin520
        8
    belin520  
       2014-09-10 21:25:24 +08:00   ❤️ 1
    http://runjs.cn/ 谢谢
    我相信会更多人帮你解决问题的
    frankzeng
        9
    frankzeng  
       2014-09-10 22:15:19 +08:00   ❤️ 1
    调试啊,兄弟,前端不会调试会死人的,打开chrome按F12,重新加载一次,啥问题都出来了,何必在这里苦苦等待啊。
    lovine
        10
    lovine  
    OP
       2014-09-10 23:27:56 +08:00 via Android
    @belin520 谢谢你
    lovine
        11
    lovine  
    OP
       2014-09-10 23:28:33 +08:00 via Android
    @frankzeng 嗯 好了 还是谢谢
    lovine
        12
    lovine  
    OP
       2014-09-10 23:28:47 +08:00 via Android
    @seki 谢谢 好啦
    lovine
        13
    lovine  
    OP
       2014-09-11 12:51:56 +08:00
    没用过这个= =今天才去看了下 谢谢你了还是
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1331 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 23:31 · PVG 07:31 · LAX 15:31 · JFK 18:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.