javascript - 不断返回 [object HTMLSpanElement]？ (Javascript)

Question

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

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>

Answer 1

尝试这样的事情:

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 的简单组合(尽管您可能想要之间也添加一个空格)。