问大家一个脚本有关问题，含有参数的函数调用
日期：2014-05-16 浏览次数：20392 次
问大家一个脚本问题，含有参数的函数调用
<html>
<head>
<script language="JavaScript">
function mult(r)
{
var i=r.parentNode.rowIndex;
var price,discount,quantity,total;
price=parseFloat(document.getElementById('myTable').rows[i].cells[1].innerHTML);
discount=parseFloat(document.getElementById('myTable').rows[i].cells[2].innerHTML);
quantity=parseInt(document.getElementById('myTable').rows[i].cells[3].innerHTML);
total= price*discount*quantity;
document.getElementById('myTable').rows[i].cells[5]=total;
}
</script>
</head>
<BODY>
<center><h1>BookZone Store</h1></center>
<TABLE id="myTable" BORDER=1 align=center width="70%">
<TR><TD>BookName</TD><TD>Price$</TD><TD>Discount</TD><TD>Quantity</TD><TD>Calculate</TD><TD>Total Sale($)</TD></TR>
<TR><TD>Greatwinner</TD><TD><input type="text" name="txtPrice"></TD><TD><input type="text" name="txtDiscount"></TD><TD><input type="text" name="txtQuantity"></TD><TD><input type="button" value="Calculate" onclick="mult(this)"></TD><TD><input type="text" name="txtTotal"></TD></TR>
<TR><TD>the scholar</TD><TD><input type="text"></TD><TD><input type="text"></TD><TD><input type="text"></TD><TD><input type="button" value="Calculate" onclick="mult(this)"></TD><TD><input type="text"></TD></TR>
<TR><TD>the scholar</TD><TD><input type="text"></TD><TD><input type="text"></TD><TD><input type="text"></TD><TD><input type="button" value="Calculate" onclick="mult(this)"></TD><TD><input type="text"></TD></TR>
<TR><TD>the scholar</TD><TD><input type="text"></TD><TD><input type="text"></TD><TD><input type="text"></TD><TD><input type="button" value="Calculate" onclick="mult(this)"></TD><TD><input type="text"></TD></TR>
</TABLE>
</BODY>
</html>
这段代码运行后老提示第八行有错误，请大家帮我看看，到底哪里错了，先谢谢大家了
------解决方案--------------------
你要明白，你构造的table的结构，你这里连结构都没有弄对呢。。。。
首先，你点击的时候，是点击的一个input标签，这个input标签的父节点是td标签，可是这里你是想要获取tr标签吧？
所以，首先你获取行数的时候，就是错误的，
要取父节点的父节点，才是tr标签。
然后是你进行input取值时，
看下面这部分，你是获取到的对象时：
这是一个td标签，如果使用innerHTML进行对这个td标签取值，那么取值的结果只是对应的input标签，就像：
这样还是没有获取到对应的值啊。
错误呢，就是这样，自己试着修改吧。
------解决方案--------------------
我不是已经给你改好了么？你怎么试的？
<html>
<head>
<script language="JavaScript">
function mult(r)
{
var i=r.parentNode.rowIndex;
var price,discount,quantity,total;
price=parseFloat(document.getElementById('myTable').rows[i].cells[1].innerHTML);
discount=parseFloat(document.getElementById('myTable').rows[i].cells[2].innerHTML);
quantity=parseInt(document.getElementById('myTable').rows[i].cells[3].innerHTML);
total= price*discount*quantity;
document.getElementById('myTable').rows[i].cells[5]=total;
}
</script>
</head>
<BODY>
<center><h1>BookZone Store</h1></center>
<TABLE id="myTable" BORDER=1 align=center width="70%">
<TR><TD>BookName</TD><TD>Price$</TD><TD>Discount</TD><TD>Quantity</TD><TD>Calculate</TD><TD>Total Sale($)</TD></TR>
<TR><TD>Greatwinner</TD><TD><input type="text" name="txtPrice"></TD><TD><input type="text" name="txtDiscount"></TD><TD><input type="text" name="txtQuantity"></TD><TD><input type="button" value="Calculate" onclick="mult(this)"></TD><TD><input type="text" name="txtTotal"></TD></TR>
<TR><TD>the scholar</TD><TD><input type="text"></TD><TD><input type="text"></TD><TD><input type="text"></TD><TD><input type="button" value="Calculate" onclick="mult(this)"></TD><TD><input type="text"></TD></TR>
<TR><TD>the scholar</TD><TD><input type="text"></TD><TD><input type="text"></TD><TD><input type="text"></TD><TD><input type="button" value="Calculate" onclick="mult(this)"></TD><TD><input type="text"></TD></TR>
<TR><TD>the scholar</TD><TD><input type="text"></TD><TD><input type="text"></TD><TD><input type="text"></TD><TD><input type="button" value="Calculate" onclick="mult(this)"></TD><TD><input type="text"></TD></TR>
</TABLE>
</BODY>
</html>
这段代码运行后老提示第八行有错误，请大家帮我看看，到底哪里错了，先谢谢大家了
------解决方案--------------------
你要明白，你构造的table的结构，你这里连结构都没有弄对呢。。。。
首先，你点击的时候，是点击的一个input标签，这个input标签的父节点是td标签，可是这里你是想要获取tr标签吧？
所以，首先你获取行数的时候，就是错误的，
var i=r.parentNode.parentNode.rowIndex;
要取父节点的父节点，才是tr标签。
然后是你进行input取值时，
document.getElementById('myTable').rows[i].cells[1].innerHTML看下面这部分，你是获取到的对象时：
document.getElementById('myTable').rows[i].cells[1]这是一个td标签，如果使用innerHTML进行对这个td标签取值，那么取值的结果只是对应的input标签，就像：
<input type="text" name="txtPrice">
这样还是没有获取到对应的值啊。
错误呢，就是这样，自己试着修改吧。
------解决方案--------------------
我不是已经给你改好了么？你怎么试的？
<html>
<head>
<script language="JavaScript">
function mult(r)
{
var i=r.parentNode.parentNode.rowIndex;
var price,discount,quantity,to
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
