Question

大家好我试图用Javascript更改div元素的宽度和高度，当用户插入值时，我想自动更改大小，所以这就是我尝试过的方法：

<br><p>chose button color</p>
<a href="#" onclick="redBtn()">red</a>
<a href="#" onclick="blueBtn()">blue</a>
<a href="#" onclick="greenBtn()">Green</a>
<a href="#" onclick="yellowBtn()">Yellow</a>
<a href="#" onclick="whiteBtn()">White</a><br>
OR type your own: <input type="text" id="ownBtn"> <button onclick="submitBtn();" href="javascript:;">Submit</button><br>
Type your width: <input type="text" id="userWidth"><button onclick="submitWidth()" href="javascript:;">Submit Width</button> </input><br>

<div class="div1" id="div1" class="class1">    
    <div class="div2" id="div3">     
      <a href="https://calendly.com/dumbomoving">

      </a>                  
    </div>
</div>
<script>
function submitWidth() {
    var userWidth = document.getElementById();
    document.getElementById("div2").style.width = userWidth.value + "px";
}
  function submitBtn()
{
    var userBack = document.getElementById('ownBtn');
    document.getElementById("btn1").style.backgroundColor =ownBtn.value;    
}
</script>

所以对于按钮颜色是好的，但宽度不是！那么有人知道如何做到这一点？

Answer 1

你写了

document.getElementById("div2")

但我在HTML中看不到标识为div2的元素。

你做了

<div class="div2" id="div3">

但你可能想写

<div class="div2" id="div2">

毕竟，你所有的javascript都很奇怪。也许试试这个：

function submitWidth() {
    var userWidth = document.getElementById("userWidth");
    userWidth.style.width = userWidth.value + "px";
}

Answer 2

这是一个非常愚蠢的错误

function submitWidth() {
    var userWidth = document.getElementById('userWidth');
    document.getElementById("div2").style.width = userWidth.value + "px";
}

我忘了把 id 放在getElement中。现在我有问题，我在div中的图片并不想调整大小。所以，如果有人有建议，欢迎。

如何更改我的div JavaScript的宽度

2 个答案: