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