js中给value赋值的问题

<body>
    <input type='text' id='txt1' /> 
   <select id='select'>
        <option value='+'>+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
   </select>
   <input type='text' id='txt2' /> 
   <input type='button' value=' = 'onclick = "count()"; /> <!--通过 = 按钮来调用创建的函数,得到结果--> 
   <input type='text' id='fruit' />  

   <script type="text/javascript">
       function count(){
        var num1 = document.getElementById("txt1").value;
        var num2 = document.getElementById("txt2").value;
        var cal = document.getElementById("select").value;
        var sou = document.getElementById("fruit").value;
        var countNum;
        switch(cal){
            case '+':
                countNum = parseInt(num1) + parseInt(num2);
            break;
            case '-':
                countNum = parseInt(num1) - parseInt(num2);
            break;
            case '*':
                countNum = parseInt(num1) * parseInt(num2);
            break;
            case '/':
                countNum = parseInt(num1) / parseInt(num2);
            break;
        }
        sou = countNum;
       }
  </script> 
</body>

图片描述

我写了个简易计算器,先获取前面两个输入框的值,算完以后在输入给第三个框,
如果我先获取第三个框的value,然后再赋值就不起作用

var sou = document.getElementById("fruit").value       
sou = countNum;

必须写成这样

var sou = document.getElementById("fruit");
sou.value = countNum;

请问这是怎么回事?

阅读 10k
3 个回答

当你这样写

var sou = document.getElementById("fruit").value

是在变量sou赋值,那么你上面的代码,其实改变的是变量sou的值

var sou = document.getElementById("fruit");
sou.value = countNum;

当你这样写的时候你是input这个dom元素赋给了sou变量,这个时候

sou.value = countNum

改变的就是input的value,
不知道明白没。。。
还有注意拼写哦

"var sou = document.getElementById('fruit').value"
执行这段代码sou就是string类型或者int类型了!
你再给一个string类型或int类型赋值怎么可能可以改变input节点value。
错了,应该说string类型或int类型哪来的value属性。

第一个sou是一个数值。它只是一个值,
第二个sou是object,是个对象

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题