如何將標簽中的值分配給輸入？

Question

我從js獲得此值，並且可以將其分配給標簽，如何將標簽中的值分配給輸入？ 還是我如何從js獲取此值以分配給輸入？

 var height = 150; document.getElementById("heightLabel").innerHTML = height; 

 <div class="form-group"> <label id="heightLabel"> height </label> </div> <div class="form-group"> <input class="form-control" type="number" id="heightLabel" name="heightLabel" value=""> </div> 

Answer 1

幾件事情：

• id必須是唯一的。 您無法為頁面上的多個元素提供相同的id值。 如果兩者都需要，則應使用一個class （但這不適用於上面的示例）。
• 要為<input/>元素的值賦值，您將需要使用.value （或可替代地使用.setAttribute('value', height) ）。

 // let height = 150; (To create in JS) // To get label element value let height = document.getElementById("heightLabel").innerText; // Ensure it is a number height = Number(height); if (isNaN(height)) { height = 0; } // Set the input value document.getElementById("heightValue").value = height; 

 <div class="form-group"> <label id="heightLabel"> 999 </label> </div> <div class="form-group"> <input class="form-control" type="number" id="heightValue" name="heightLabel" value=""> </div>