Question

这是我的代码：

var changeValue = document.getElementById("fontSize");
changeValue.value= 400;

var changeSign = document.getElementById("Box");
changeSign.style.width = ?;

我想根据"fontSize"值更改框宽度，在本例中为400。

Answer 1

这是你要求的吗？ changeSign.style.width = changeValue.value + 'px'

Answer 2

我假设您要在更改值时更改框的宽度。

在这种情况下，您需要一个事件：

var changeValue = document.getElementById("fontSize");
    changeValue.value= 100;
    changeValue.onchange = function(){
    var changeSign = document.getElementById("Box");
    changeSign.style.width = this.value+'px';
    };

 <input id='fontSize'>
    <div id='Box' style="background-color: red; width: 100px; height: 100px">

您还可以：

创建按钮
附加另一个事件

根据值更改大小

2 个答案: