有沒有辦法多次使用.innerHTML？

Question

我想使用innerHTML將兩個變量值寫入div容器（id爲myDiv）。我的Div容器只顯示第二個值。

<button type="button" onclick="myFunction()">Click me</button> 
<input type="text" id="First" name="firstname"> 
<input type="text" id="Last" name="lastname"> 

<div id="myDiv"></div> 
<script> 
function myFunction() { 
    var x = document.getElementById("John").value; 
    var y = document.getElementById("Mail").value; 
    document.getElementById("myDub").innerHTML=x; 
    document.getElementById("myDub").innerHTML=y; 
}</script> 

Answer 1

首先，你需要在任何地方都使用正確的ID。其次，你可以只在一個任務中添加x+y只有這樣的：

<button type="button" onclick="myFunction()">Click me</button> 
<input type="text" id="First" name="firstname"> 
<input type="text" id="Last" name="lastname"> 

<div id="myDiv"></div> 
<script> 
function myFunction() { 
    var x = document.getElementById("First").value; 
    var y = document.getElementById("Last").value; 
    document.getElementById("myDiv").innerHTML= x + y; 
}</script> 

，或者您可以使用+=因爲如果你想保留追加到以前分配的值。

document.getElementById("myDiv").innerHTML = x; 
document.getElementById("myDiv").innerHTML += y;