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

所以我正在设置危险游戏

对于网格，我使用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>

第1类名称

---

谢谢。

这个解决方案适合您吗

函数setCat1Name（）{
document.getElementsByClassName（“cat1”）[0]。textContent=document.getElementById（“myInput”）.value
}

提交
第1类名称

嗯，

getElementById（）

仅在元素具有

id

时有效。