2012-02-27 57 views
0

我试图追加表中的特定列。该表具有特定的行,每行有两列。所以我想要的是根据所选的第二列元素来更改特定行的第一个元素的内部文本。使用Javascript遍历表添加列

比方说,表是这样的:

<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

'innerHTML'不是一个函数。只需将值分配给它。快速的Google搜索可以发现https://developer.mozilla.org/en/DOM/element.innerHTML。如果你看看控制台,你会看到*对象#的属性'innerHTML'不是函数*。 – 2012-02-27 22:10:57

回答

2

尝试,

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

DEMO