scrollwidth、clientWidthとoffset Widthの違い


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は、オブジェクトに見える幅です。