保持返回[对象HTMLSpanElement]？ （JavaScript）的

Question

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

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的简单组合（尽管你可能想要在它们之间添加一个空格。）