javascript - 使用 Javascript 遍历表以追加列

标签 javascript html-table append traversal

我正在尝试在表中 append 特定列。该表有一定的行,每行有两列。所以我想要的是改变第一个 <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>

帮帮我吧!

最佳答案

尝试,

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

DEMO

关于javascript - 使用 Javascript 遍历表以追加列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9473106/

相关文章:

html - CSS 清除 :both not working for table cell with a background image?

javascript - 从多个调用发出单个 HTTP 请求

javascript - 将图像粘贴到 TinyMCE 编辑器中

javascript - 单击同一表的其他 td 内的某些输入类型时获取表的 td 内容的值

Java keyTool - 将主要/次要中间证书 append 到 keystore

javascript - append 到字符串变量

javascript - Instagram API - 使用 jquery 获取图像

javascript - ASP.Net 导航选项卡,如 Windows 选项卡控件

javascript - 正确使用 D3 `data` 方法并传递函数和数据集

Jquery:新类添加基于行跨度长度的问题