javascript - 动态添加变量到html表

Question

我在这里用 html 创建了一个表格。

<tr id='addr0'>
    <td>1</td>
    <td>
        <input type="text" id='word0' placeholder='Word' 
               value="Abhor" class="form-control" />
    </td>
    <td>
        <input type="text" id='definition0' placeholder='Definition' 
               value="regard with disgust and hatred." class="form-control" />
    </td>
    <td>
        <input type="text" id='synonym0' placeholder='Synonyms' 
               value="detest, hate" class="form-control" />
    </td>
</tr>
<tr id='addr1'></tr>

如何使用 java 脚本在文本区域中添加数组或变量。我环顾四周，发现所有代码都不起作用。

这是我尝试过的:

<script>
    document.getElementById("synonym0").innerHTML = "Test";
</script>

Answer 1

输入元素的内容是通过其value 属性访问的，而不是innerHtml。尝试:

document.getElementById("synonym0").value = "Test";