javascript - 访问 html 表中的行

Question

我正在使用以下函数(从本网站复制)删除 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 行之前获取行/列的文本，这样我也可以从 MySQL DB 中删除它，我尝试了 p.value 和p[0].value 但这没有帮助，我找不到如何做到这一点。

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

<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> 

Answer 1

您需要尝试访问 innerHtml 属性:

alert(p.innerHTML);

或

alert(p.innerText);

这是 jsfiddle