2011-02-07 8 views
4

こんにちは、私は要素のoffsetHeightを変更しようとしています。私は以下を使用しましたjavascriptを使用して要素のoffsetHeightを変更するにはどうすればよいですか?

document.getElementById('id').style.offsetHeight = 0; 

私は目に見える変化は見ませんでした。誰も私を助けることができますか?

+0

そして要素があることを確認していないか:あなたはstyle.heightを設定するときにすぐ上で好きで、ユニット「PX」を追加し、怒鳴る例することは常に必要があります'inline-block'代わりに – Ish

答えて

6

offsetHeightプロパティは、要素の可視領域の高さを示します。これは、パディング、スクロールバー、および境界からのディメンションの合計を含む簡略表記です。

実際のサイズを変更することはできません。コメントに記載されているように、offsetHeightはスタイルではなく要素のプロパティです。

実際のサイズを変更するにはheight,paddingまたはborderを使用してください。

+2

offsetHeightはそのスタイルオブジェクトではなく、要素のプロパティです。 – kirilloid

4

style.heightには、pxで終わる文字列を設定する必要があります。

0

style.heightを設定してください。たとえば、offsetHeight(必要な単位が分かります)から取得する場合は、最後に 'px'のように追加してください。それはスタイルで、あなたはすべての異なる単位( 'px'、 '%'、 'em'、 'vh'など)を持っています。ここ は例である:また

myHeightInPx = 200; 
DomElement.style.height = myHeightInPx + 'px'; 

注意するoffsetHeightの数、整数として高さを返すことです。単位はpxです。あなたがそれを使って価値を得るならば。 `block`を使用し、**` inline` **

DomElement.style.height = AnotherDOMelment.offsetHeight() + 'px';