这两种为什么内容1是无效的呢？

菠萝先生 2019-11-27

源自：项目：JS实现简易计算器案例 4-8 编程练习

收起

3回答

好帮手慕言回答被采纳获得+3积分 2019-11-28 09:49:20

同学你好，关于同学的疑问，解答如下：

1、第一种情况：是把id为num1元素的值赋值给了变量num1，可以理解为变量num1跟输入框没有关系，仅仅是把输入框的值赋予给了变量num1，后来又对变量num1重新赋值。所以出现同学所说的情况。

2、第二种情况：是把类名为num2这个元素赋值给了变量num2，所以通过元素.value 可以给元素赋值。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

收起回答

提问者菠萝先生 2019-11-27 20:08:14

<!DOCTYPE html>
<html>

<head>
    <title> 事件</title>
</head>

<body>
    <input type='text' id='num1' />
    <select id='operate'>
        <option value='+'>+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
    </select>
    <input type='text' id='num2' />
    <input type='button' value=' = ' onclick="count()" />
    <input type='text' id='result' />
    <script type="text/javascript">
        function count() {
            /*第一种情况：*/
            var num1 = document.getElementById('num1').value;
            num1="内容1";
            /*第二种情况：*/
            var num2 = document.getElementById('num2');
            num2.value="内容2";
        }
    </script>
</body>

</html>

为什么第一种把value放到变量改不了值呢？

收起回答

好帮手慕言 2019-11-27 15:52:34

同学你好，为了准确的定位同学的问题，建议把全部的代码粘贴上来，老师帮助排查。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

收起回答

提问者菠萝先生 #1

<!DOCTYPE html> <html> <head> <title> 事件</title> </head> <body> <input type='text' id='num1' /> <select id='operate'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type='text' id='num2' /> <input type='button' value=' = ' onclick="count()" /> <input type='text' id='result' /> <script type="text/javascript"> function count() { /*第一种情况：*/ var num1 = document.getElementById('num1').value; num1="内容1"; /*第二种情况：*/ var num2 = document.getElementById('num2'); num2.value="内容2"; } </script> </body> </html> //为什么第一种情况是不能赋值的呢?

2019-11-27 20:06:44