ここから本文です

javascriptで各セルの横幅を取得したいです

hot********さん

2011/10/612:27:26

javascriptで各セルの横幅を取得したいです

table部分のhtmlはPHPから返されているのですが
<table class="DataTable">
<tr>
<td class="Name"></td>
<td class="Age"></td>....
</tr>
<tr>
<td id="X0Y0"></td>
<td id="X1Y0"></td>....
</tr>
....
</table>

のような感じのhtmlになっていて現在はclassに対するスタイルシートで横幅が指定されております。
例)
.Name
{
width:30px;
}

そこで
var w = document.getElementById('X0Y0').style.width ;
alert(w);
のようにしてみたのですが、wは空でした。

別のページにも似たような表があり、データの項目が違うためクラス名が違っているのですが、各データセルのIDはX0Y0のようになっているので、ある程度共通で使えるようにIDを利用して横幅を取得したいのですが、いい方法をご存知の方がいらっしゃれば力を貸してください。
よろしくお願いします。

閲覧数:
5,629
回答数:
1
お礼:
100枚

違反報告

ベストアンサーに選ばれた回答

e_k********さん

2011/10/613:40:18

実際のレンダリング幅を得たいのであれば、offsetWidth プロパティを参照すれば良いでしょう。

var w = document.getElementById('X0Y0').offsetWidth;

質問した人からのコメント

2011/10/6 16:33:30

ありがとうございます、無事にやりたいことが実現できました。

あわせて知りたい

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる