有没有办法多次使用.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;