コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript は、browser_javascript のヒントと互換性のある div の高さと幅を取得および設定します。

JavaScript は、browser_javascript のヒントと互換性のある div の高さと幅を取得および設定します。

WBOY
リリース： 2016-05-16 17:21:41
オリジナル
1430 人が閲覧しました

Javascript で div の高さと幅を取得および設定し、ブラウザと互換性を持たせるにはどうすればよいでしょうか?コードを見てください:

コードをコピー コードは次のとおりです:

http://www.itdos.com



div1 の幅と高さを取得します:
コードをコピー コードは次のとおりです:

alert(document.getElementById("div1").offsetHeight); //FF、IE などと互換性があります。 .
alert(document.getElementById("div1" ).offsetWidth); //FF、IE などと互換性があります。

div1 の幅と高さを設定します。 div2:
コードをコピー コードは次のとおりです:

document.getElementById("div1" ).style.height=document.getElementById("div2").offsetHeight; //IE のみ
document.getElementById("div1").style.height=document.getElementById("div2").offsetHeight "px" ; //FF、IE などと互換性あり
document.getElementById("div1").style.width =document.getElementById("div2").offsetWidth //IE のみ
document.getElementById(" div1").style.width=document.getElementById("div2").offsetWidth "px"; //FF、IEなどと互換性あり
関連ラベル：
获取div高度 div宽度获取
ソース：php.cn
前の記事：ExtJs 实现动态加载grid完整示例_extjs 次の記事：JS と jquery はラベル要素の表示または非表示を簡単に実装します_javascript スキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
キャンバスの *2* 高さの値を取得しますか? このキャンバスの 2 つの高さの値を取得しようとしています。 <canvaswidth="886"height="792"style=...
から 2024-04-05 09:32:33
0
1
1360
ツールヒントのリンクとボタンが機能しない ツールヒント内からクリック イベントをトリガーしようとしています。クリックイベントを含むボタンを配置しましたが、機能しません。ツールチップ内に外部リンクを追加してみました。それもう...
から 2024-04-04 22:01:46
0
1
1352
HTML コンテナのサイズを動的に変更するにはどうすればよいですか? ウィンドウに合わせてサイズを動的に変更する背景であるコンテナ div があります。そのコンテナ内に画像 div があり、背景コンテナを使用してそのサイズを変更したいと考えています。...
から 2024-04-03 20:38:38
0
1
272
Jquery スライダーが正しく表示されないのはなぜですか? WordPress カスタムテーマに SlickSlider ライブラリを実装して、高度なカスタムフィールドプラグインから取得した画像スライダーを表示しようとしています。ただし、ス...
から 2024-04-03 10:43:26
0
1
397
列の最大値とその日付を取得する さまざまな国の最高死亡者数とその報告日を MySQL で取得するコードを MySQL で作成しました。最高の死亡値を取得できますが、日付値がエラーを返します。これは私の MySQL...
から 2024-04-02 15:26:37
0
1
475
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート