Uncaught ReferenceError: delRow is not defined

小白今天在写哪个js 的时候莫名报路径错误 我仔细检查后发现名称并没有写错 最后发现是script的type点错了 才开始学还是容易写错 粗心写成<script type="javascript"></script>应该是

<script type="text/javascript"></script>  
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>操作表格</title>

<!--    css-->
    <style type="text/css">
        /*
        设置表格样式
         */
        #ta  tr{
            height: 35px;
        }
        /*
        设置表格居中
         */
        #ta {
            margin: auto;
        }
    </style>
    <!--    js代码域-->
    <script type="javascript">
        //声明删除行
        function delRow(btn) {
            //获取table对象
            var ta=document.getElementById("ta");
            //获取要删除的对象
            var tr=btn.parentNode.parentNode;
            //删除
            ta.deleteRow(tr.rowIndex)
        }
    </script>
</head>
<body>
    <h3>操作表格</h3>
    <hr>
    <table border="1px" id="ta">
        <tr style="text-align: center;font-weight: bold">
            <td width="200px">书名</td>
            <td width="100px">作者</td>
            <td width="100px">价格</td>
            <td width="100px">购买数量</td>
            <td width="200px" >操作</td>
        </tr>
        <tr >
            <td>java</td>
            <td>wollo</td>
            <td>34.50</td>
            <td>3</td>
            <td align="center" >
                <input type="button" value="修改购买数量">
                <input type="button" value="删除" onclick="delRow(this)">
            </td>
        </tr>
        <tr >
            <td>javascript</td>
            <td>高淇</td>
            <td>44.40</td>
            <td>3</td>
            <td  align="center">
                <input type="button" value="修改购买数量">
                <input type="button" value="删除" onclick="delRow(this)">
            </td>
        </tr>
        <tr >
            <td>Spring</td>
            <td>马士兵</td>
            <td>44.5</td>
            <td>3</td>
            <td  align="center">
                <input type="button" value="修改购买数量">
                <input type="button" value="删除"onclick="delRow(this)" >
            </td>
        </tr>
    </table>
</body>
</html>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值