用户如何立即更改div'；使用Javascript的宽度？

以下是我想我会怎么做，但这不起作用：

<script type="text/Javascript">
  var input = document.getElementById('userinput'),
  width = document.getElementById('thing');
  input.onkeyup = function() {
  width.innerHTML = input.value}
</script>


<input id="userinput">
<div id="thing">You can decide the width of this div>

var input=document.getElementById（'userinput'），
宽度=document.getElementById（'thing'）；
input.onkeyup=函数（）{
width.innerHTML=input.value}
您可以决定此分区的宽度>

因此，用户将输入大约50%，div将是50%的宽度

谢谢

应该是

width.style.width=input.value；

还请注意，可以通过键盘以外的其他方式修改输入，例如使用鼠标。所以最好听听

input

事件

var input=document.getElementById（'userinput'），
宽度=document.getElementById（'thing'）；
input.oninput=函数（）{
width.style.width=input.value；
};
#东西{
背景：黄色；
}

你可以决定这个div的宽度
，因为你用jquery标记了这个问题不知道为什么你要用innerHTML，为什么给元素的innerHTML赋值会改变它的宽度属性？是的，我正要回答建议使用jquery的宽度（）；指挥部。如果jQuery是一个选项，那将是我认为最好的方式：是的，我将不得不看看jQuery是否是这个项目的一个选项，但这也很有效。谢谢！：）哇，太谢谢你了！：）