javascript - GetBoundingClientRect() を使おうとして混乱した

Question

var rect = document.getElementById("object").getBoundingClientRect();
console.log("rect.top, rect.right, rect.bottom, rect.left");

<div id="object"></div>

.object {
background: red;
width: 20px;
height: 20px;
position: relative;
top: 200px;
}

超初歩的な質問です... #object の座標を取得しようとしていますが、コンソールは #object の実際の座標ではなく、rect.top、rect.right、rect.bottom、rect.left を返します。私は何が欠けていますか？

JSFiddle: http://jsfiddle.net/tCraA/2/

Answer 1

静的文字列をログに記録しました:

console.log("rect.top, rect.right, rect.bottom, rect.left");

あなたはこれを書くつもりでした：

console.log(rect.top, rect.right, rect.bottom, rect.left);