scrollwidth、clientWidthとoffset Widthの違い
1102 ワード
scrollwidth オブジェクトの実際の内容の幅です。境界線の幅を外さないと、オブジェクトの内容の多少に応じて変化します。client Width オブジェクトに見える幅です。スクロールバーなどの境界線を包含しないと、ウィンドウの表示サイズによって変わります。 offset Width は、オブジェクトの表示幅、スクロールバーなどの境界線です。ウィンドウの表示サイズに応じて変更されます。 scrollwidthとclient Widthの例: 77.httmファイル(/title) </ヘッド> <body> <textarea wrap="off" onfocus="alert('scrollwidth:'+this.scrollwidth+' clientWidth:'+this.client Width)''</textarea> </body> </html テキストボックスに内容を入力します。横スクロールバーが出ないときは、前のscrollWidthとclientWidthの値は同じです。行の内容がテキストボックスの幅を超えると、横スクロールバーが出てきます。scrollwidthの値が変わります。 scrollwidthは、オブジェクトの実際のコンテンツの幅である。 clientWidthはオブジェクトに見える幅です。この例では変わりません。 clientWidthとoffset Widthの例: <html <ヘッド> <title>77.httmファイル(/title) </ヘッド> <body> <textarea wrap="off" onfocus="alert(offset Width:'+this.offset Width+' clientWidth:'+this.client Width)''</textarea> </body> </html offset Widthの値は常にclient Widthの値より大きい。 クリントWidthはオブジェクトに見える幅です。 offset Widthは、オブジェクトに見える幅です。