{"html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fa-kuma3.hatenablog.com%2Fentry%2Ftrap_of_offsetLeft\" title=\"offsetLeft \u306e\u7f60 - \u304a\u307e\u3048\u3001\u3046\u307e\u305d\u3046\u3060\u306a\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","url":"https://a-kuma3.hatenablog.com/entry/trap_of_offsetLeft","description":"\u3053\u3061\u3089\u306e\u3055\u3044\u3068\u3046\u5148\u751f\u306e\u753b\u50cf\u3092\u5207\u308a\u53d6\u308d\u3046\u3068\u3057\u305f\u3068\u304d\u306e\u3053\u3068\u3002 \u3042\u308c\u3001\u305a\u308c\u3066\u308b... offsetParent \u3092\u305f\u3069\u3063\u3066\u884c\u3051\u3070\u3001\u826f\u3044\u3093\u3058\u3083\u306a\u304b\u3063\u305f\u3063\u3051 (\u00b4\u30fb\u03c9\u30fb`) let e = ... let x = 0, y = 0; do { x += e.offsetLeft; y += e.offsetTop; } while (e = e.offsetParent); console.log(x, y); (468, 1455) \u3068\u8a08\u7b97\u3055\u308c\u308b\u3051\u3069\u3001Firefox \u306e\u3082\u306e\u3055\u3057\u30c4\u30fc\u30eb\u3067\u6e2c\u3063\u3066\u307f\u308b\u3068 (514, 1454)\u3002 46px \u3082\u8db3\u308a\u3066\u306a\u3044\u3002 \uff03 \u2193\u306b \u305f\u3069\u308a\u7740\u304f\u307e\u3067\u3001\u304b\u306a\u308a\u306e\u65e5\u6570\u304c\u7d4c\u3063\u3066\u307e\u3059 \u2026","width":"100%","blog_url":"https://a-kuma3.hatenablog.com/","version":"1.0","author_url":"https://blog.hatena.ne.jp/a-kuma3/","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/a/a-kuma3/20180128/20180128172137.png","published":"2018-01-29 13:10:26","provider_name":"Hatena Blog","categories":["javascript","HTML"],"title":"offsetLeft \u306e\u7f60","type":"rich","height":"190","blog_title":"\u304a\u307e\u3048\u3001\u3046\u307e\u305d\u3046\u3060\u306a","provider_url":"https://hatena.blog","author_name":"a-kuma3"}