HTML要素のoffsetLeftプロパティは、親要素マージン有無に影響を受けるでしょうか?
・その際、positionプロパティも関係する?
また、jQueryのoffsetメソッドをJavaScriptだけで書くにはどうすれば良いでしょうか?
スタック・オーバーフローはプログラマーとプログラミングに熱心な人のためのQ&Aサイトです。すぐ登録できます。
登録してこのコミュニティに参加するDOMの offsetLeft
は、親側の要素のborderの内側から子側要素のborderの外側までを返すようです。よって親要素のマージンに影響を受けることはないかと思います。
ただし現時点では Working Draft レベルまでしか標準化が進んでおらず、上記3番目の記事によれば少なくとも古いブラウザでは挙動に違いがあるようです。
また、jQueryのoffsetメソッドをJavaScriptだけで書くにはどうすれば良いでしょうか?
まさにそれがJavascriptで書かれているわけですから、ソースを読んでみてはいかがでしょう。
https://github.com/jquery/jquery/blob/master/src/offset.js
なおjQueryの offset()
はドキュメントに対する座標を取得しますが、DOMの offsetLeft
は offsetParent
に対する座標なので、挙動が異なります。
jQueryのoffsetメソッド
ソースを見れば良いのでは?