Javascript 在a<；中显示JS表中的html数据；h2/>；标题

我有一个JS表，由用户在我的网站上的textareas中输入的数据生成（因此，当您第一次加载页面时，数据不在那里：您必须在textarea中输入一些内容，然后生成表）。现在，我尝试（从生成的表中）获取数据，并以（h2/）为例显示它

所以我制作了一个脚本来获取这些信息：

函数buttonTEST（）
{
document.getElementById（'excel_table1'）。getElementsByTagName（'tr'）[0]。单元格[1]。innerHTML；
}

和使用该脚本的按钮：

当我在控制台中输入“document.getElementById…etc”时，它会显示我想要的数据，所以我认为脚本是好的

但是我怎样才能让它以（h2）纯文本的形式显示数据（字母数字）

有人能帮忙吗？：）

编辑！我试过这个：

函数buttonTEST（）{document.getElementById（“yourID”）.innerHTML=“document.getElementById（'excel_table1'）。getElementsByTagName（'tr'）。
[0]。单元格[1]”；
}

---

但是当我单击时，我只会得到“document.getElementById（'excel_table1'）。getElementsByTagName（'tr'）[0]。cells[1]”作为H2。

您需要在html文件中创建一个

元素，用javascript替换它的值（在html文件中应该是空的）

确保您已为该

分配了一个id

然后，使用document.getElementById，在脚本中访问并更改它

下面是一个例子

标题
函数buttonTest（）{
//抓取ID并更改它
document.getElementById（“yourID”）.innerHTML=“无论您希望它显示什么”；
}

在您的情况下，问题似乎是表达式周围额外的

“

来获取值

如果一个值已经是一个字符串，则不需要用引号将其括起来，因为这样做会使javascript认为您希望将这段代码随意写入h2输出

函数buttonTEST（）{
document.getElementById（“yourID”）.innerHTML=document.getElementById（'excel_table1'）.getElementsByTagName（'tr'）。
[0]。单元格[1]。innerHTML；
}

好的，解决了！谢谢大家让我走上正轨：D

那么，对我起作用的是：

<script type="text/javascript">

     function buttonTEST()
     {
document.getElementById('yourID').innerHTML=document.getElementById('excel_table1').getElementsByTagName('tr')[0].cells[1].innerHTML;
}
</script>

<h2 id="yourID"></h2>
<input id="anotherID" type="button" onclick="buttonTEST()" value="TEST ME"/>

</div>

函数buttonTEST（）
{
document.getElementById（'yourID'）。innerHTML=document.getElementById（'excel_table1'）。getElementsByTagName（'tr'）[0]。单元格[1]。innerHTML；
}

@vhoyer是对的，我需要去掉额外的“，否则JS认为我想把那段代码随便写到h2输出中

另一个想法是，我需要在所有tr和单元格之后再次放入“.innerHTML”（是的，它在另一个.innerHTML xD中生成了一个.innerHTML）

希望这能帮助别人

---

Cheers

是阻止你做

文档的东西。getElementsByTagName（'h2'）[0]。innerHTML='你想要的内容'

？@vhoyer，我可能只是不知道如何正确使用它，但我尝试了，并用“document.getElementById（'excel_table1'）。getElementsByTagName（'tr'）[0]。单元格[1]。innerHTML”替换了“你想要的内容”这是我想显示为h2的单元格，但它不起作用。在我的剧本中，我想我没有正确地向那个牢房“指路”。是吗？访问并在控制台上运行：

document.getElementsByTagName（'h1'）[0]。innerHTML=document.getElementById（'customers'）。getElementsByTagName（'tr'）[0]。cells[0]。innerHTML

为我执行所描述的所需行为，你能试着告诉我它是否适合你吗？是的，我有“公司”（红色）从w3schools页面返回表格。但实际上，当我在页面控制台上运行“document.getElementById（'excel_table1'）.getElementsByTagName（'tr'）[0].cells[1].innerHTML；”时，它也获得了我想要的正确数据。问题是要在h2上显示它！然后，您是否可以编辑您的问题，在页面上添加有关

h2

的更多信息，以及您尝试将值分配给所述

h2

的方式？我想这会帮助我们更好地帮助你：谢谢你的帮助，小猴子！我试过了，但是如何从表中访问数据：（'excel_table1'）第一行：（'tr'）[0]第二个单元格：单元格[1]。innerHTML？我尝试将document.getElementById（'excel_table1'）.getElementsByTagName（'tr'）[0].cells[1].innerHTML放在您编写“希望显示的内容”的位置，但不起作用……请尝试我添加的示例。您可以更改rows集合和cells集合的索引值以获得不同的值。是的，我也看到了！所以当我执行document.getElementById（“yourID”）.innerHTML=document.getElementById（“excel_table1”）.getElementsByTagName（“tr”）[0]。单元格[1]；在控制台中，结果（单元格中的数据）显示在控制台上。但是我在h2区域得到了[object HTMLTableCellElement]……我刚刚纠正了这一点，我们忘了在

单元格[1]

的末尾添加

.innerHTML

，所以我们只将innerHTML作为字符串，而不是hole元素（就像我们以前做的那样）

<script type="text/javascript">

     function buttonTEST()
     {
document.getElementById('yourID').innerHTML=document.getElementById('excel_table1').getElementsByTagName('tr')[0].cells[1].innerHTML;
}
</script>

<h2 id="yourID"></h2>
<input id="anotherID" type="button" onclick="buttonTEST()" value="TEST ME"/>

</div>