以<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。

评论
  • 浮云、暖
    浮云、暖 回复

    You need to create a <h2> element in your html file to replace its value (which should be empty in your html file) using javascript.

    Make sure you have assigned that <h2> an id.

    然后,使用document.getElementById在脚本中对其进行访问并进行更改。

    下面的例子。

     <!DOCTYPE html>
    <html>
      <head>
        <meta charset="UTF-8">
        <title>title</title>
      </head>
      <body>
        <h2 id="yourID"></h2>
        <input id="anotherID" type="button" onclick="buttonTest()" value="TEST ME"/>
        <script>
          function buttonTest() {
            //Grab the ID and change it
            document.getElementById("yourID").innerHTML = "whatever you want it to display";
          }
        </script>
      </body>
    </html>

    另外,请确保将html属性的值括在单引号或双引号中。