Internet Explorer：无法设置未定义或空引用的属性“值”

我有一个JavaScript计算器，在除Internet Explorer之外的每个浏览器中都可以正常工作。我需要知道为什么Internet Explorer在第14行给我这个错误：“无法设置未定义或空引用的属性值”。Internet Explorer：无法设置未定义或空引用的属性“值”

这里是计算器代码：

<meta http-equiv="x-ua-compatible" content="IE=10"> 
<script> 

function showpay() { 
"use strict"; 
if ((document.loanCalc.loan.value === null || document.loanCalc.loan.value.length === 0) || 
     (document.loanCalc.months.value === null || document.loanCalc.months.value.length === 0) 
     || 
     (document.loanCalc.rate.value === null || document.loanCalc.rate.value.length === 0)) { document.loanCalc.pay.value = " "; 
    } else { 
    var princ = document.loanCalc.loan.value; 
    var term = document.loanCalc.months.value; 
    var intr = document.loanCalc.rate.value/1200; 
    document.loanCalc.pay.value = Math.round(princ * intr/(1 - (Math.pow(1/(1 + intr), term)))); 
} 
// payment = principle * monthly interest/(1 - (1/(1+MonthlyInterest)*Months)) 
} 

</script> 


<form name=loanCalc method=POST> 
<table class="calculator"> 

<tr><td>Loan Amount</td><td align=right><input type=number onInput='showpay()' name=loan size=10 value="15000"></td></tr> 

<tr><td>Term in Months</td><td align=right><input type=number onInput='showpay()' name=months size=10 value="60"></td></tr> 

<tr><td>Interest Rate</td><td align=right><input type=number onInput='showpay()' name=rate size=10 value="1.99"></td></tr> 

<tr><td>Monthly Payment</td></tr> 

<tr><td align=left class=result><span>$</span><output name=pay>263</output></td></tr> 

</table> 
</form>

Internet Explorer的调试器说，“无法设置的未定义或空引用属性‘值’”在第14行：document.loanCalc.pay.value = Math.round(princ * intr/(1 - (Math.pow(1/(1 + intr), term))));

代码工作在Chrome ，Safari和Firefox没有错误。您可以在此页面看到计算器正在运行：http://bloomcu.com/test-page/

为什么我在Internet Explorer中出现此错误？

来源

2016-02-09 Derik

您可以在此页面看到计算器正在运行：http://bloomcu.com/test-page/ – Derik

这是因为您的HTML遍布全球。缺少或不一致的引号。没有ID为您的野外物品。 td align = right这是已被弃用，无法使用...... – durbnpoisn

snarky回答：“Internet Explorer” - 你回答了你自己的问题。 –

这是一条线修正（按照我的意见）

<tr><td>Loan Amount </td><td><input type="number" onInput="showpay()" name="loan" id="loan" size="10" value="15000" style="text-align:right"></td></tr>

如果你解决这些问题都这样，这将是更处处工作的方向。

来源

2016-02-09 21:33:30 durbnpoisn

谢谢。我做了这些修改，但它仍然不能在Explorer中工作。任何其他想法？ – Derik

您可以在IE试试这个，如果它工作

<meta http-equiv="x-ua-compatible" content="IE=10"> 
<script> 
document.loanCalc.pay = document.getElementById("pay"); 

function showpay() { 
    "use strict"; 
    if ((document.loanCalc.loan.value === null || document.loanCalc.loan.value.length === 0) || 
     (document.loanCalc.months.value === null || document.loanCalc.months.value.length === 0) 
     || 
     (document.loanCalc.rate.value === null || document.loanCalc.rate.value.length === 0)) { document.loanCalc.pay.innerHTML = " "; 
    } else { 
    var princ = document.loanCalc.loan.value; 
    var term = document.loanCalc.months.value; 
    var intr = document.loanCalc.rate.value/1200; 
    document.loanCalc.pay.innerHTML = Math.round(princ * intr/(1 - (Math.pow(1/(1 + intr), term)))); 
} 
// payment = principle * monthly interest/(1 - (1/(1+MonthlyInterest)*Months)) 
} 

</script> 


<form name=loanCalc method=POST> 
<table class="calculator"> 

<tr><td>Loan Amount</td><td align=right><input type=number onInput='showpay()' name=loan size=10 value="15000"></td></tr> 

<tr><td>Term in Months</td><td align=right><input type=number onInput='showpay()' name=months size=10 value="60"></td></tr> 

<tr><td>Interest Rate</td><td align=right><input type=number onInput='showpay()' name=rate size=10 value="1.99"></td></tr> 

<tr><td>Monthly Payment</td></tr> 

<tr><td align=left class=result><span>$</span><span id='pay'>263</span></td></tr> 

</table> 
</form>

来源

2016-02-09 22:11:24

@ Z.Z。是正确的：资源管理器不支持<output>标记。因此，我将<output>替换为<input>，然后使用disabled="disabled"来防止用户更改计算结果。

最终的代码如下所示：

<meta http-equiv="x-ua-compatible" content="IE=10"> 
<script> 

function showpay() { 
"use strict"; 

if ((document.loanCalc.loan.value === null || document.loanCalc.loan.value.length === 0) || 
     (document.loanCalc.months.value === null || document.loanCalc.months.value.length === 0) || 
     (document.loanCalc.rate.value === null || document.loanCalc.rate.value.length === 0)) 
    { document.loanCalc.pay.value = " "; 
} 

else { 
    var princ = document.loanCalc.loan.value; 
    var term = document.loanCalc.months.value; 
    var intr = document.loanCalc.rate.value/1200; 
    document.loanCalc.pay.value = Math.round(princ * intr/(1 - (Math.pow(1/(1 + intr), term)))); 
} 
// payment = principle * monthly interest/(1 - (1/(1+MonthlyInterest)*Months)) 
} 

</script> 

<form name=loanCalc method=POST> 
<table class="calculator"> 

<tr><td>Loan Amount</td><td><input type="number" onInput="showpay()" name="loan" id="loan" size="10" value="15000"></td></tr> 

<tr><td>Term in Months</td><td><input type="number" onInput="showpay()" name="months" id="months" size="10" value="60"></td></tr> 

<tr><td>Interest Rate</td><td><input type="number" onInput="showpay()" name="rate" id="rate" size="10" value="1.99"></td></tr> 

<tr><td>Monthly Payment</td></tr> 

<tr><td class=result><span>$</span><input name="pay" id="pay" value="263" disabled="disabled"></input></td></tr> 

</table> 
</form>

感谢大家的帮助。

来源

2016-02-09 23:27:16 Derik

那么，至少我有点帮助... – durbnpoisn

@durbnpoisn :-) – Derik

Internet Explorer：无法设置未定义或空引用的属性“值”

回答

相关问题