2012-02-27 72 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