如何更改我的div JavaScript的寬度

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中看不到ID為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中。 Bu現在我有問題，我在div中的圖片不想調整大小。 因此，如果有人提出建議，我們歡迎您。