rowIndexの取得に関して

Question

お世話になっております。

現在、テーブルのセルのrowIndexを取得するコードを書いているのですが、思うように取れません。

var rowIndex = targetTable.parentNode.rowIndex;

この時のtargetCellは選択しているセル(td)を取得しています。

chromeのdeveloperToolsのwatchでは期待する値が取れているのですが、いざコードにしてみると
『プロパティ’rowIndex’は型’Node’の値に存在しません』
というエラーになります。
targetTableはHTMLElementです。

プログラミングを始めたばかりでまだ型等もあいまいな部分があります。
そのあたりも解説いただけたらと思います。
よろしくお願いします。

Answer 1

せるの中に何か表示してる、ーor 一見何もないようだけど、クリックしたときrowindex
がうまくとれない。

function getindexes( o ) {
       while ( o.nodeName.toLowerCase() != "tr") o = o.parentNode;
        return o;
}
これで、tr が取れます。引数には、event.srcElement を指定してください。
tr td span span textnode とかネストしてるとき、セル内容は、$1200
とか表示されてる状態で、1と2の間でクリックすると、ie では、span タグが、
chromeやfirefoxでは、textnode が取れます。これらのたぐの親をたどることで
tr を突き止めます。

Comments

[H--Mn]

回答ありがとうございます。
タグの親をこのように指定する方法は知らなかったので勉強になりました。
丁寧な指導ありがとうございます。

Answer 2

rowIndex を持つのは HTMLTableRowElement だけですので、targetTable.parentNode が tr 要素ノードではないのでしょう。
console.log() で targetTable や targetTable.parentNode の値を確認してみて下さい。

• Interface HTMLTableRowElement

Re: H--Mn さん

Comments

[H--Mn]

回答ありがとうございます。
HTMLTableRowElementでのみrowIndexが取れるのですね。
watchにはすべての要素が表示されていたので、全部とれるものだと勘違いしていました。
console.log()での確認もできました。
丁寧な指導ありがとうございます。