javascriptでテーブルの２番目のtdの値を取得したい

Question

下のようなテーブルからノードの情報を取得します

<table>
<tbody id="list">
<tr><th>No.</th><th>名前</th><th>性別</th><th>内容</th><th>備考</th></tr>
<tr><td>1</td><td>Aさん</td><td>男性</td><td>マッチョ</td><td>特になし</td></tr></tbody>
</table>

<tr>の中の<td>の最初と最後の値は、以下のように取得できます。

<script type="text/javascript">
	//ノード情報を取得
	var element=document.getElementById("list");
	var child = element.lastChild;

	var first=child.firstChild; 
	var last=child.lastChild; 

	alert(first.innerHTML);
</script>

firstChildでは最初の情報（No=1)、lastChildでは最後の情報(備考=特になし)が取得できるのですが、２番目の情報（名前=Aさん）はどのように取得すればよいでしょうか。

どうぞよろしくお願いいたします。

Comments

[退会済みユーザー]

jQuery は使わないという条件なのですか？

[natlpush]

はい、Jqueryは使いません。PHPとjavascriptのみでやりたいです。

Answer 1

サンプルデータのように１行のみならば、

child2 = document.getElementsByTagName('td')[2].innerHTML

のように取得できます。

もし行が複数ならば、<td>タグに<td name="namae">のように属性を持たせておき、

child2 = document.getElementsByName('namae')[2].innerHTML

のように取得できます。

Comments

[natlpush]

ありがとうございます。
child = document.getElementById("list").lastChild.getElementsByTagName('td')[2].innerHTML;
alert(child);

上記で取得できました。
お世話になりました。

Answer 2

ちょっと手元に動作確認環境が無いので未検証ですが

var element=document.getElementById("list");
var secondChild = element.children[1];

で取得できないでしょうか？

Comments

[natlpush]

ありがとうございます。
やってみましたが、objectHTMLTableElementとなりダメのようです。