                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

请求大神指教，如下写不累赘吗 var y=document.getElementById(x).value； document.getElementById(x).value=y.toUpperCase()

<html>

<head>

function upperCase(x)

{

var y=document.getElementById(x).value

document.getElementById(x).value=y.toUpperCase()

//此处的 document.getElementById(x).value为什么不能用y代替

}

</script>

</head>

<body>

Enter your name: <input type="text" id="fname" onchange="upperCase(this.id)">

</body>

</html>

qq_aslongas_0

2017-06-24

源自：JavaScript进阶篇 6-8

关注问题我要回答

1957

操作

收起

2 回答

youarenotalone2 回答被采纳 +3 积分
2017-06-24

原因：因为y=document.getElementById(x).value中的=表示的是赋值；

解释：

1、把document.getElementById(x).value的值赋给y但并不是说变量y就能代表document.getElementById(x).value；

2、按照之前的课程里讲的变量只是容器，你放进容器里的东西并不能代表容器本身（水不能代表杯子）；

3、document.getElementById(x).value=y.toUpperCase()的意思是说把y转换成大写字母，再把这个转换后的值赋给document.getElementById(x).value，这时候document.getElementById(x).value原来的值就被重写覆盖了，变成转换后的值了；

4、如果把document.getElementById(x).value=y.toUpperCase()换成y=y.toUpperCase()，那就是重写覆盖掉y的值，但是document.getElementById(x).value的值还是没有变；

5、所以如果你将这里的document.getElementById(x).value换成y的话，那你还得再赋值一次把y的值再赋给document.getElementById(x).value来重写覆盖掉它原来的值。

4 回复有任何疑惑可以回复我~

收起回答

qq_aslongas_0 提问者

太谢谢了

2017-06-24 回复有任何疑惑可以回复我~

麓鹿不迷路

你好，那请问把这两行直接写成document.getElementById(x).value.toUpperCase() 可以吗？

2018-05-07 回复有任何疑惑可以回复我~

BlueMelody 回复麓鹿不迷路

完全可行~也正因为可以这么写，所以我也有点疑惑原作者写第一行赋值y的用意何在...

2018-06-10 回复有任何疑惑可以回复我~

查看1条回复

熊猫兔击队
2017-06-24

那里不能用y代替的。

我先给个行号：

var y=document.getElementById(x).value;
document.getElementById(x).value=y.toUpperCase();
alert(y); //这是我加的

因为第一行的意义是“把等号右边的值赋予给左边的y变量”，而不是“让左边和右边相等”。所以要是你第二行如果把等号左边改成y，那只能让y的值变大写（可以通过第三行验证），但document.getElementById(x).value 本身完全没有被改变。

0 回复有任何疑惑可以回复我~

收起回答

qq_aslongas_0 提问者

嗯嗯，懂了，谢谢

2017-06-24 回复有任何疑惑可以回复我~

0/150

提交

取消

JavaScript进阶篇

参与学习 468191 人
解答问题 21891 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

进入课程

本课相似问答

3 回答var j= document.getElementById("wb").value

3 回答var oSlt = document.getElementById("select").value;

2 回答var oTxt1 = document.getElementById("txt1").value; 为什么要写value

1 回答获取下拉框的值document.getElementById().value和document.getElementById().options[document.getElementById().selectedIndex].value有什么区别吗？

3 回答function checkone(){ var j=document.getElementById("wb").value; var hobby = document.getElementById("hobby"+j); hobby.checked = true; }

搜索更多本课相关问答

请求大神指教，如下写不累赘吗 var y=document.getElementById(x).value； document.getElementById(x).value=y.toUpperCase()

我要回答关注问题

热搜

最近搜索清空

请求大神指教， 如下写不累赘吗 var y=document.getElementById(x).value； document.getElementById(x).value=y.toUpperCase()

2 回答

本课相似问答

请求大神指教， 如下写不累赘吗 var y=document.getElementById(x).value； document.getElementById(x).value=y.toUpperCase()

请求大神指教，如下写不累赘吗 var y=document.getElementById(x).value； document.getElementById(x).value=y.toUpperCase()

请求大神指教，如下写不累赘吗 var y=document.getElementById(x).value； document.getElementById(x).value=y.toUpperCase()