保持返回[object HTMLSpanElement]？ （Javascript）

Question

好吧，所以即時嘗試添加兩個（或更多）變量，並使其出現在表格單元格中。 我從第一個和第二個細胞中獲取變量，我想在第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; 
    } 

現在，當我嘗試這只是給。

[對象HTMLSpanElement] [對象HTMLSpanElement]

請幫幫忙！ HTML用於獲取值，顯示值

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

Answer 1

嘗試是這樣的

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：

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填充，之後，Inner Html的一個簡單組合就是所需要的（儘管您也可能想在其間添加一個空格）。