一直返回[objecthtmlspanelement]?(Javascript)

Keeps returning [object HTMLSpanElement]? (Javascript)

本文关键字：Javascript 返回 objecthtmlspanelement 一直      更新时间：2023-09-26

好的，所以我试图添加两个(或更多)变量，并使其出现在一个表单元格。我从第一个和第二个单元格中得到变量我想在第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>

试试这样:

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;
}

小提琴

在当前的示例中，spana1/2的值不是从DOM中提取的，因此首先需要使用getElementById填充它们，然后需要简单地组合Inner Html(尽管您可能也想在两者之间添加一个空格)。

相关文章：