注册 登录
编程论坛 JavaScript论坛

大侠看看我的代码错在哪里?为什么输出的计算结果老是 NaN ?

悬崖之树 发布于 2013-08-29 21:39, 778 次点击
程序代码:
<p>
<input name="int1" type="text">
</p>
<p>
<input name="int2" type="text">
</p>
<p>
<input type="submit" value="提交" onClick="js ()">
</p>

<script type="text/javascript">
    function js () {
        alert ( document.getElementsByName("int1").value * document.getElementsByName("int2").value)
    }
</script>

 

8 回复
#2
诸葛修勤2013-08-29 22:48
<script type="text/javascript">
    function js () {
        alert ( document.getElementsByName("int1").item(0).value * document.getElementsByName("int2").item(0).value)
    }
</script>
#3
诸葛修勤2013-08-29 22:51
多调试下看看  单步
#4
悬崖之树2013-08-30 17:36
回复 3楼 诸葛修勤
我是新手,请问用什么软件调试?怎么调试?谢谢。
#5
月暗2013-09-04 21:19
JS调试需要浏览器就OK,firefox + FireBug,或者Google Chrome.

调试如下图,先把代码保存文件:
程序代码:
document.getElementsByName("int1").value
undefined
document.getElementsByName("int1")
[<input name=​"int1" type=​"text">​]
document.getElementsByName("int1")[0].value
"3"
document.getElementsByName("int1")[0].value * document.getElementsByName("int2")[0].value
6

只有本站会员才能查看附件,请 登录

#6
q2152362132013-09-23 17:22
dom 操作控件,一般都是通过ID来操作的!很少用name来操作!
#7
q2152362132013-09-23 17:23
程序代码:

<p>
<input id="int1" type="text">
</p>
<p>
<input id="int2" type="text">
</p>
<p>
<input type="submit" value="提交" onClick="js ()">
</p>

<script type="text/javascript">
    function js () {
        alert ( document.getElementById("int1").value * document.getElementById("int2").value)
    }
</script>
#8
q2152362132013-09-23 17:24
程序代码:

<p>
<input id="int1" type="text">
</p>
<p>
<input id="int2" type="text">
</p>
<p>
<input type="submit" value="提交" onClick="js ()">
</p>

<script type="text/javascript">
    function js () {
        alert ( document.getElementById("int1").value * document.getElementById("int2").value)
    }
</script>
#9
★及目楚天舒2013-10-08 08:21
不要使用getElementsByname,这个也许和浏览器兼容性的问题有关,容易出错。我原来出过错,想半天没明白,后来知道兼容性有问题。如果要选,要选择getElementById,这个不出错,所有浏览器都兼容。
1