使用Javascript遍历表来追加列

时间:2012-02-27 22:07:54

标签: javascript html-table append traversal

我正在尝试在表格中附加特定列。该表具有某些行,每行有两列。所以我想要的是根据所选的第二列元素改变特定行的第一个<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>

帮帮我吧!

1 个答案:

答案 0 :(得分:2)

尝试,

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

DEMO