javascript innerhtml没有响应

我试图将我在文本输入中键入的所有内容大写。js上的caps函数运行良好，我可以在控制台上看到，但innerhtml函数不会更改html文件

函数clr（）{
document.getElementById（“box”）。值=“”；
}
函数caps（）{
var str=document.getElementById（“box”）.value；
console.log（str）；
var res=str.toUpperCase（）；
控制台日志（res）；
document.getElementById（“box”）.innerHTML=res；
}

用户界面

清除它
资本化

输入

元素没有

.innerHTML

属性。它们具有

.value

属性。

只有具有开始和结束标记的元素才能在其中包含任何HTML，因此只有像：

、

、

等元素才能使用

.innerHTML

您在

clr

函数中正确访问了

值


函数clr（）{
document.getElementById（“box”）。值=“”；
}
函数caps（）{
var str=document.getElementById（“box”）.value；
console.log（str）；
var res=str.toUpperCase（）；
控制台日志（res）；
document.getElementById（“box”）.value=res；
}


清除它
资本化

输入
元素没有
.innerHTML
属性。它们具有
.value
属性。

只有具有开始和结束标记的元素才能在其中包含任何HTML，因此只有像：
、
、
等元素才能使用
.innerHTML

您在
clr
函数中正确访问了
值


函数clr（）{
document.getElementById（“box”）。值=“”；
}
函数caps（）{
var str=document.getElementById（“box”）.value；
console.log（str）；
var res=str.toUpperCase（）；
控制台日志（res）；
document.getElementById（“box”）.value=res；
}


清除它
资本化

对于
没有innerHTML，它们具有
值
属性（您实际上在
caps
函数中使用了该属性）。
这应该起作用：


函数clr（）{
document.getElementById（“box”）。值=“”；
}
函数caps（）{
var str=document.getElementById（“box”）.value；
console.log（str）；
var res=str.toUpperCase（）；
控制台日志（res）；
document.getElementById（“box”）.value=res；
}

用户界面

清除它
资本化

对于
没有innerHTML，它们具有
值
属性（您实际上在
caps
函数中使用了该属性）。
这应该起作用：


函数clr（）{
document.getElementById（“box”）。值=“”；
}
函数caps（）{
var str=document.getElementById（“box”）.value；
console.log（str）；
var res=str.toUpperCase（）；
控制台日志（res）；
document.getElementById（“box”）.value=res；
}

用户界面

清除它
资本化

输入使用值，而不是innerHTML
框
是输入，它有一个
值
而不是
innerHTML
它解决了我的问题谢谢输入使用值，而不是innerHTML
框
是输入，它有一个
值
而不是
innerHTML
它解决了我的问题谢谢