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;

有没有办法多次使用.innerHTML？

1 个答案: