offsetTop

offsetTop offsetTop *
*前のトピック: offsetParent
*次のトピック: offsetWidth

offsetTop

解説

親の座標軸を基準としてピクセル単位の相対座標で、エレメントの上端の座標を返す。

構文

object.offsetTop

注意事項

offset*プロパティの組み合わせによって、つまりoffsetLeftoffsetTopoffsetHeightoffsetWidthを使うことで、エレメントの位置、幅、高さを決定することができる。これらのプロパティは、親エレメントを基準として座標や大きさを指定する。例えば、つぎのドキュメントはドキュメントの幅と高さに応じて大きさが変化する時計の例である。

<HTML>
<HEAD><TITLE>A Simple Clock</TITLE>
<SCRIPT LANGUAGE="JScript">
function startClock() {
    window.setInterval("Clock_Tick()", 1000);
    Clock_Tick();
}

var ratio = 4;
function Clock_Tick()
{
    var s = Date();
    var t = s.substring(11,19);
    var doc_height = document.body.offsetHeight;
    var doc_width = document.body.offsetWidth;

    if ((doc_height*ratio)>doc_width)
        doc_height = doc_width / ratio;
    document.all.MyTime.innerText = t;
    document.all.MyTime.style.fontSize = doc_height;
}
</SCRIPT>
<BODY onload="startClock()">
<P ID="MyTime">&nbsp;</P>
</BODY>
</HTML>

このプロパティは読み出し専用である。

ドキュメントオブジェクトモデルからページ上のエレメントにおける大きさや位置にアクセスする方法については、エレメントの大きさと位置を調べるを参照すること。

適用

A, ACRONYM, ADDRESS, APPLET, AREA, B, BIG, BLOCKQUOTE, BODY, BR, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, COMMENT, DD, DEL, DFN, DIR, DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, FRAME, H1, H2, H3, H4, H5, H6, HR, I, IFRAME, IMG, INPUT, INS, KBD, LABEL, LEGEND, LI, LISTING, MAP, MARQUEE, MENU, OBJECT, OL, OPTION, P, PLAINTEXT, PRE, Q, S, SAMP, SELECT, SMALL, SPAN, STRIKE, STRONG, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TextRange, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP

Up トップに戻る
© 1997 Microsoft Corporation. All rights reserved. Terms of Use.