想使用document.getelementbyid顯示兩個變量

我想創建一個表單域。然後在頁面加載時顯示兩個變量（已經賦值）。我知道我可以使用「<input id="formField" value="John Smith"/>，但我想使用document.getElementById要做到這一點，什麼是錯我的代碼？想使用document.getelementbyid顯示兩個變量

表單域加載，但它是空的。

我很新的JS ....

<!doctype html> 
<html> 

<body> 
<input type="number" id="formField"/> 

<script> 

var one = "John"; 
var two = "Smith"; 

function concat() { 
var x = one.value; 
var y = two.value; 
var z = one + "" + two; 
    document.getElementById("formField").innerHTML = z; 
                //Why doesn't this work? 

} 

concat(); 

</script> 
</body> 
</html>

來源

2016-04-09 divpinto18

var one和var two是變量，所以它們沒有值屬性。只有輸入元素才具有值屬性。 – jeff

噢好的....做各種輸入元素都有值屬性嗎？ – divpinto18

有幾個問題在你的代碼

input type = "number"但你正試圖把一個字符串，其值。哪個不行。因此，將輸入類型更改爲文字
one & two是變量，因此沒有one.value和two.value。只要one + two將工作
你必須使用.value而不是innerHTML把值回輸入

HTML

<input type="text" id="formFieldText" value=""/>

var one = "John"; 
    var two = "Smith"; 

    function concat() { 

    var x = one; 
    var y = two; 
    var z = one + " " + two; 
    console.log(z) 
     document.getElementById("formFieldText").value = z; 
    } 

    concat();

Click here for demo

來源

2016-04-09 03:34:49 brk

Heyyy它工作！非常感謝！ :) :)掙扎了幾個小時，那件事情！ – divpinto18

@ divpinto18考慮接受它作爲答案？ – brk

當然...我該怎麼做？哦，算了:) – divpinto18

input元素沒有一個innerHTML財產你要設置的value屬性，像這樣：

document.getElementById("formField").value = z;

個

其他注意事項：

你設置x等於one和y等於two，然後只用one和two直接。沒有點x和y。
one和two確實沒有value屬性 - 它們只是字符串。
不要忘記這些字符串之間的空格。這似乎是你想要的是one + " " + two（注意引號之間的空間），否則你的輸出中會JohnSmith

來源

2016-04-09 03:23:59

是的，我擺脫了x = 1，y = 2 ....有你的觀點！謝謝！那麼，如果一個和兩個是數字，他們會有價值屬性呢？ – divpinto18

不可以。就目前而言，「一」和「二」是弦，就是這樣。所以他們有任何String.prototype具有的屬性或方法，比如'length'和'indexOf（）'。但是你不需要引用'value'屬性來獲取字符串本身。如果你想要像數字或字符串這樣的原始值的值，只需使用變量名稱即可。即'console.log（one）'。 –

http://jsbin.com/buroxaciba/edit?html,output
的innerHTML通常用於DIV，跨度，p和相似的元素。
輸入型號 - >文本

來源

2016-04-09 03:33:19 Integral

好的....那麼我應該使用什麼元素.value？ – divpinto18

想使用document.getelementbyid顯示兩個變量

回答

相關問題