javascript - 继续返回[object HTMLSpanElement]？ (JavaScript)

好的，我尝试添加两个（或更多）变量并使它出现在表单元格中。
我从第一个和第二个单元格得到变量，我想在第七个单元格上显示它们，所以这就是我现在所拥有的。
这是获取信息的单元格的基本代码。

function prompta1()
    {
      var a1=prompt("Unesi broj","")
      var spana1 = document.getElementById ("spana1");
      spana1.innerHTML = a1;
function prompta2()
    {
      var a2=prompt("Unesi broj","")
      var spana2 = document.getElementById ("spana2");
      spana2.innerHTML = a2;

这是需要显示它们的单元格的代码。

  function functiona7()
    {
      var a7= spana1+spana2;
      var spana7 = document.getElementById ("spana7");
      spana7.innerHTML = a7;
    }

现在，当我尝试这个时，它只会给出。


  [object HTMLSpanElement] [object HTMLSpanElement]


请帮忙！
用于获取值的HTML

enter code here   <tr>
  <td><h1>1</h1></td>

  <td><input type="button" onclick="prompta1()" value="Izmeni"> <br> <span id='spana1'></span></td>
  <td><input type="button" onclick="prompta2()" value="Izmeni"> <br> <span id='spana2'></span></td>
</tr>
<tr>

用于显示价值的HTML

      <td>   <input type="button" onclick="functiona7()" value="Izracunaj"> <br> <span id='spana7'></span> </td>

最佳答案

尝试这样的事情：

function prompta1() {
    var a1 = prompt("Unesi broj", "");
    var spana1 = document.getElementById("spana1");
    spana1.innerHTML = a1;
}

function prompta2() {
    var a2 = prompt("Unesi broj", "");
    var spana2 = document.getElementById("spana2");
    spana2.innerHTML = a2;
}

function functiona7() {
    var spana1 = document.getElementById("spana1").innerHTML;
    var spana2 = document.getElementById("spana2").innerHTML;
    var spana7 = document.getElementById("spana7");
    if (!(spana1 && spana2 && spana7)) return;
    var a7 = spana1 + spana2;
    spana7.innerHTML = a7;
}

Fiddle

在您当前的示例中，spana1 / 2的值不是从DOM中提取的，因此首先需要使用getElementById填充它们，此后，仅需要内部HTML的简单组合即可（尽管您可能想添加一个空格在两者之间）。

关于javascript - 继续返回[object HTMLSpanElement]？ (JavaScript)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17204830/