使用Javascript遍历表以追加列答案

【问题标题】：Traversing a table using Javascript to append column使用Javascript遍历表以追加列
【发布时间】：2017-10-07 05:15:11
【问题描述】：

我正在尝试在表中附加特定列。该表有某些行，每行有两列。所以我想要的是根据所选的第二列元素更改特定行的第一个 <Td> 元素的内部文本。

假设表格是这样的：

    <table  id="info" style="width:500px;position:relative;margin:0 auto;">
    <tr><td><b>Personal Information</b><br /><br /></td>
    </tr>
    <tr><td>Title</td><td><input type="text" id="title" name="title" /></td></tr>
    </table>

我正在尝试的 Javascript 是这样的：

document.getElementById("title").parentNode.parentNode.cells[0].innerHTML(" sometext");

所以基本上如果这个脚本运行表的标记应该是：

<table  id="info" style="width:500px;position:relative;margin:0 auto;">
<tr><td><b>Personal Information</b><br /><br /></td>
</tr>
<tr><td>Title sometext</td><td><input type="text" id="title" name="title" /></td>  </tr>
</table>

帮帮我！

【问题讨论】：

innerHTML 不是函数。只需将值分配给它。快速谷歌搜索显示developer.mozilla.org/en/DOM/element.innerHTML。如果您查看控制台，您会看到 Property 'innerHTML' of object # is not a function。

标签： javascript html-table append traversal

【解决方案1】：

试试，

document.getElementById("title").
    parentNode.parentNode.cells[0].innerHTML += " sometext";

DEMO

【讨论】：