<！DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD>
<メタ文字コード= "UTF-8">
<タイトル>タイトル</ TITLE>
<スタイル>
* {
マージン：0;
パディング：0;
}
入力{
マージントップ：20ピクセル。
}
DIV {
マージントップ：30px;
幅：200pxの。
高さ：100pxに。
背景色：ピンク;
位置：絶対;
左：0;
}
</スタイル>
</ HEAD>
<BODY>
の<input type = "ボタン"値= "移动到400ピクセル"
<INPUT TYPE = "ボタン"値= "移动到800ピクセル" ID = "BTN2">
<DIV ID = "DV"> </ div>
<スクリプトSRC = "common.js"> </ SCRIPT>
<SCRIPT>
外部//スタイルコードが再設定されている場合スタイルタグ（style.leftは）未満で取得した
スタイルコードはスタイル属性を再設定されている場合、style.left外取得し//
console.log（のdocument.getElementById（ "BTN1"） style.backgroundColorが。）; // 取得することができます
はconsole.log（のdocument.getElementById（ "BTN1"） style.leftを。）; // 取得することができます
はconsole.log（ドキュメントを。 getElementByIdを（ "DV"）style.left） ; // 取得していない
にconsole.log（のdocument.getElementById（ "DV"） style.backgroundColor）;. // 取得していない
にconsole.log（のdocument.getElementById（「DV 「）.offsetLeft）; //デジタルタイプを得ることができ、何PXありません
</スクリプト>
</ BODY>
</ HTML>