从HTML输入字段更改Javascript中的文本

Changing Text in Javascript From HTML Input Field

本文关键字：Javascript 文本 HTML 输入 字段      更新时间：2023-09-26

所以我正在设置《危险边缘》游戏。

对于网格，我使用的是HTML表格。第一行现在有通用文本（例如"类别1名称"）。

在第一行的上方将有另一个带有HTML输入框的表，用户可以在其中将类别名称更改为他们想要的任何名称。

我的问题是，我想我会使用document.getElementById("").innerHTML等来做这件事，但这不起作用。

如何让用户可以在表单字段中输入文本，并且该条目会更改表单元格（td）中的文本？这就是我现在输入字段的内容：

<table id="table1">
    <tr>
        <td>
            <form>
                <input type="text" placeholder="Category 1 Name">
                <button>Submit</button>
            </form>
        </td>
    </tr>
</table>

这是我想要更改文本的方框：

<table>
    <tr>
        <td class="cat1">Category 1 Name</td>
    </tr>
</table>

谢谢。

此解决方案适合您吗？：

function setCat1Name() {
  document.getElementsByClassName("cat1")[0].textContent = document.getElementById("myInput").value
}
<table id="table1">
  <tr>
    <td>
      <form>
        <input id="myInput" type="text" placeholder="Category 1 Name">
        <button onclick="setCat1Name()">Submit</button>
      </form>
    </td>
</table>
<table>
  <tr>
    <td class="cat1">Category 1 Name</td>
  </tr>
</table>

相关文章：