小白今天在写哪个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>