javascript - 以<h2/>标题显示JS表中的html数据

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

因此，我制作了一个脚本来获取该信息：

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

和一个使用该脚本的按钮：

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

当我在控制台中输入“ document.getElementById .... etc”时，它显示了我想要的数据，因此我认为脚本很好。

但是，如何在（h2）纯文本中显示该数据（字母数字）呢？

有人可以帮忙吗？ :)

编辑！我尝试了这个：

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

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

</div>

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

最佳答案

您所遇到的问题似乎是表达式中多余的"获取值。

如果值已经是字符串，则无需将其用引号引起来，因为这样做会使javascript认为您想将那段代码写到h2输出中

<div>
<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>

关于javascript - 以<h2/>标题显示JS表中的html数据，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/61413453/