• ベストアンサー

google Chromeで　offsetHeightの値は・・・？

google Chromeで　offsetHeightの値は・・・？ Divの高さを取得するのに offsetHeightを使用したところ IE8、Firefoxでは正常に取得できましたが Chromeではうまく取得できません Div内には文字と画像を含んでいます Chromeは画像を無視して文字だけの高さを取得しています Chromeでも、IEやFirefox同等の動きをさせるに 何か方法はありませんか？ 文字、画像サイズを取得して高さを計算するしか ないのでしょうか？

質問者が選んだベストアンサー

  • ベストアンサー
  • think49
  • ベストアンサー率59% (285/482)
回答No.1

現象を再現できる HTML, Scriptコード を補足ください。 --------- <div style="height: 50px; padding: 10px; border: solid 5px black;" onclick="alert('clientHeight = '+this.clientHeight+'\noffsetHeight = '+this.offsetHeight);"> <p>test</p> <img src="./test.png" alt="test" /> </div> --------- 上記HTMLで検証してみたところ、GoogleChrome5, Firefox3.6.6 Opera10.60, IE8 で同じ結果が得られています。 ------- clientHeight = 70 offsetHeight = 80 ------- これは MDC, MSDNで解説された仕様通りの動作です。 ・clientWidth … width + padding からスクロールバーの幅を取り除いた幅 (読み取り専用, px値) ・offsetWidth … border を含む要素の幅 (読み取り専用, px値) element.clientHeight - MDC https://developer.mozilla.org/ja/DOM/element.clientHeight element.offsetHeight - MDC https://developer.mozilla.org/En/Dom:element.offsetheight clientHeight - DHTMLリファレンス http://msdn.microsoft.com/ja-jp/library/cc409816.aspx offsetHeight - DHTMLリファレンス http://msdn.microsoft.com/ja-jp/library/cc409831.aspx

re_shigotonin
質問者

お礼

すみません(^^;; 勘違いでした・・・ ちゃんと検証してから質問するべきでした 回答ありがとうございました

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • Google Chromeについて

    ブラウザのGoogle Chromeについての質問です。 最近、メインのインターネットブラウザをFirefoxからGoogle Chromeに乗り換えました。 タブやブックマークはかなり使いやすく、表示速度も早かったので最初は満足していたのですが、以下のようなことをすると強制的にブラウザが閉じてしまい、困っています。 １、twitterやメールなどで画像をアップロード、添付する。 ２、インターネット上で右クリックして画像を保存する。 仕方がないのでこれらのことをするときはIEかFirefoxを使っていますが、できればGoogle Chromeで統一したいです。こうなってしまう原因や解決方法があれば教えていただきたいです。よろしくお願いします。

  • chromeでgoogleが・・・

    chromeでgoogleが時々つながらなくなります。 例えば、アドレスバーに何か文字を打って検索したらなかなか表示されなくて、しばらく待ってみると 接続出来ませんでしたという文字が・・・ それがなった時にgoogleにアクセスしても全然できなくなります。 他のサイトとかにはアクセスできます。 その状態でIEで開いてみると普通にgoogleにアクセスできるので、chromeのブラウザに何か問題があるんでしょうか？ しばらくすると、また正常になります。五分もかからないで治ります。 解決方法を教えて下さい。

  • Google ChromeとFirefox

    添付した画像をご覧いただけないでしょうか。 このれはFirefoxの画像です。ここには見えていませんが、画像の部分にカーソルを当てています。そうすると「24支粉紅色」と表示されます。別の画像にカーソルを当てると、別の文字が表示されます。 このようなに画像にカーソル当てるとカラーなどが表示されるネットショップを見ていますが、Google Chromeだと、なぜか画像にカーソルを当てても、何も表示されません。Google Chromeのどこを変えれば、これが表示されますか？ いつもGoogle Chromeを使っているので、これが表示されないと都合が悪く困っています。 もし、分かる方がいらっしゃればご教示お願いいたします。

  • Google Chromeを使っているのですが

    Google Chromeを使っているのですが fc2.comのBLOG等を見ると画像が表示されません 画像のアドレスをコピーして直に見ようとしても403等が出ます FireFoxでみると普通に見れるのでChrome側の設定がおかしくなってるんだろうと思いますが 何処をどうやったらみれるようになりますか？

  • Google ChromeでのURLのコピー

    ブラウザのアドレスバーのURLをコピーしてメール本文に貼り付ける際、 Google Chromeの場合フォントが大きくなって貼り付けられてしまいます。 IEやFirefoxの場合はメールの他の文字と同じフォントで貼り付けられるのですが。。。 Google Chromeのバージョンは7.0.517.44です。

  • Google Chromeについて。

    IEを常で使用していました。個人的に何か、設定を誤ったようで、動画が見られず、Google Chromeなら、見られると聞き、一時は、その使いにくさから、諦めていたGoogle Chromeを、再度インストールし直しました。動画は見られるようになり、Google Chromeも、以前とは違い、かなり使い易くなっていました。今のところIEとの併用ですが、『これならば』と思ってもいます。画像を添付させて頂きます。Google Chromeを使用した際、タスクバーに『新しいタブ-Google Chrome』とあるのだろうと思うのですが、このタスクバーのタイトルは、変更出来ないのでしょうか?おそらく思いますに『要素の検証』が出来れば、何ともない事なんだろうと思うのですが、素人の当方に、その術はありません。簡単に出来る方法を教えて下さい。

  • Google chromeの画面サイズが？

    最近、Google chromeを試しに入れてみたのですが 立ち上げるといつも、画面サイズが一回り小さく表示され 困っています。IEやFirefoxの時のようにCtrlボタンで覚えさせても 設定出来ません。chromeの方法をおしえて頂けませんか。 OSはXP SP3です。

  • ＦｉｒｅｆｏｘとGoogle Chromeでは？

    出来ればＦｉｒｅｆｏｘと Google Chromeの経験者の方に質問します 私は現在Ｆｉｒｅｆｏｘの使用が約１０年なんですが それ以前は、初心者時代からＩＥを使用してました しかし…ある事が理由でＦｉｒｅｆｏｘに変更して以来 Ｆｉｒｅｆｏｘの便利さに慣れて ＩＥに戻す気が無くなりました ただ…御存じだと思いますが 先日、ＩＥの脆弱性が見つかった時 ブラウザの人気度を見ると ＦｉｒｅｆｏｘとGoogle Chromeが ２位を争ってるのを知りました そこで、ＦｉｒｅｆｏｘとGoogle Chromeで 私自身も使い分けして見ようと思い それぞれの違いや良さが知りたいと思いました ただ…それぞれの良さと言っても 使い方次第で感じ方も違うと思います 私の場合、ブラウザを使い分ける位ですから ネット接続が頻繁なのは勿論ですが これは直接ブラウザに関係無いと思いますが 多いのは、自分でもブログを作ってる為 不定期に更新 更にはアドオンでは、ネットから 動画もＤＬする為にＤＬ用 そしてＩＥに切り替える必要が有る時の為に 右クリックでＩＥに切り替えるアドオン オートコンプリートが 使用出来ないＨＰ様にログイン用 余計なポップアップ含めてガード用 大体アドオンに関しては、そんな感じです そう考えると、Google Chromeの場合 使い心地は、どんな感じでしょうか？

  • google chromeのウェブ再生の音声

    google chromeのウェブ再生の音声が途切れたり雑音が多いので、修復したいのでよろしくおねがいします。 ビスタでＩＥ９です。 音の前のトラブルはウェブサイトの画像が見られなかったのですが今は画像は見られます 今はＦｉｒｅＦｏｘでは問題は発生しませんgoogle chromeで発生します

  • google chromeのブックマーク

    google chromeをダウンロードしたのはいいのですが、FirefoxやIEのようにブックマークをサイドバーに表示できずどうも使い勝手がよくありません。google chromeはサイドバー表示しない設定であるという記事を読みましたが、本当にサイドバー表示できないのでしょうか? 普通できると思うのですが。。。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する