访问html表中的行

时间:2013-05-17 22:11:12

标签: javascript html web-applications

我正在使用以下功能(从此站点复制)删除HTML表格行,

function delete_row(o) {

 var p=o.parentNode.parentNode;
 alert(p.value)//I need to alert the value of the row 
 p.parentNode.removeChild(p);

}

上面的函数在删除行时工作正常,但我还需要在删除HTML行之前获取行/ col的文本,这样我也可以从MySQL DB中删除它,我尝试了p.value和p [0] .value但没有帮助,我找不到怎么做。

如何从上面的p访问(第1行,单元格1)下表(第1行,单元格2)?

<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
<td> <img src="delete.png" name="image" width="10" height="10" onclick="delete_row(this)"> 
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
<td> <img src="delete.png" name="image" width="10" height="10" onclick="delete_row(this)"> 
</tr>
</table> 

2 个答案:

答案 0 :(得分:2)

您需要尝试访问innerHtml属性:

alert(p.innerHTML);

alert(p.innerText);

这是jsfiddle

答案 1 :(得分:0)

使用p.innerText代替p.value,如下所示:

alert(p.innerText);