如何從輸入表單中獲取值，並將其用於我的一個javascript函數中

Question

這裏是我的代碼，我希望能夠使用任何用戶輸入作爲我的showColor函數的值。我用document.getElementsByName，但我得到了一些錯誤類型錯誤。有人可以幫忙嗎？謝謝！

<input type="text" name="color" value="Input Your Fav Color"> 
<button type="button" onClick="showColor('red')">Show Color</button> 

Answer 1

我猜那是因爲你這樣做

document.getElementsByName('color').value 

你應該這樣做，而不是

document.getElementsByName('test')[0].value 

因爲getElementsByName返回一個集合，或者給一個元素代替id並使用getElementById。

Answer 2

實際上，你需要使用.getElementById（「顏色」），並有輸入是

<input type="text" name="color" id="color" value="Input Your Fav Color"> 

Answer 3

您將要分配一個id，目標input，這樣你可以很容易地通過JavaScript檢索其值。

<input id="userColor" type="text" name="color" value="Input Your Fav Color" > 

然後你可以檢索像這樣的值：

var usercolor = document.getElementById('userColor').value; 

或使用例如

<button type="button" onClick="showColor(document.getElementById('userColor').value)">Show Color</button> 

Answer 4

使用DOM：

<button type="button" onClick="showColor(document.getElementsByName('color')[0].value)">Show Color</button> 

會有，如果你是問題有更多元素名稱爲color在頁面上，但我假設你沒有。