有没有办法多次使用 .innerHTML？ [复制]

【问题标题】：Is there a way to use .innerHTML multiple times? [duplicate]有没有办法多次使用 .innerHTML？ [复制]
【发布时间】：2017-12-09 22:07:56
【问题描述】：

我想使用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>

【问题讨论】：

+= 而不是 =。

标签： javascript html

【解决方案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;

【讨论】：

效果很好！
救世主，字面意思！ _/\_