JavaScript DOM table.rows、row.cells

Posted by dab | 2007年12月17日 月曜日 13:04:58 < コンピュータ >

DOMでテーブルを扱うには、getElementsByTagName()などが主に使われますが、rowsやcellsという物も使えます。

が、これがくせ者というか、非常に扱いにくい物で、
Firefoxではtable.rows[0] look at here now.cells[0]
Operaではtable.rows(0).cells(0)
と、配列か関数かの違いがあります。
IEは調べてませんが、こうなるとどっちでも良いですね。(´・ω・`)

rowsについてはgetElementsByTagName(‘tr’)とほとんど違いがないのですが、
<tr><th>head1</th><td>contents</td></tr>
という行に関しては、
cells[0]、cells[1]またはcells(0)、cells(1)で、THとTDのそれぞれが取得出来ますが、
getElementsByTagName(‘th’)[0]、getElementsByTagName(‘td’)[0]では、1つずつしか取得出来ない、ということ。
ただし、getElementsByTagName(‘*’)が使えるので、cells()のかわりに出来るかもしれません。


2007/12/20 追記
その後の調べ
2007/12/27 追記
その後の調べ2

TrackBack URI : http://home.wi-wi.jp/blog/wp-trackback.php?p=138

Leave a comment

:mrgreen: :neutral: :twisted: :shock: :smile: :???: :cool: :evil: :grin: :oops: :razz: :roll: :wink: :cry: :eek: :lol: :mad: :sad: