標籤：blank java targe round bsp net document head https
offsetParent是個僅僅讀屬性，返回近期顯示指定位置的容器元素的引用。假設元素沒有指定位置，近期的元素或者根項目（標準模式下是html，怪異模式下是body）就是offsetParent。
當元素的style.display=‘none‘時。offsetParent返回null。
因為offsetTop和offsetLeft是相對於頁面邊界，因此offsetParent是很實用的。
瀏覽器安全色性 在以WebKit為核心的瀏覽器上，假設元素是隱藏的（該元素或者上階項目style.display=‘none‘）或者元素自身style.position=‘fixed‘，那麼就會返回null。 在IE（9）上如元素style.position=‘fixed‘，該屬性就會返回null。（然而display:none不影響這個瀏覽器）<!DOCTYPE html><html><head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"/> <title>offsetParent屬性</title> <style type="text/css"> div { margin: 5px; } #div11 { border: 2px solid #0000ff; } #div21 { position: relative; border: 2px solid #ffff00; } #div30 { position: relative; border: 2px solid red; } #div31 { } </style> <script type="text/javascript"> function initPage() { getOffsetParent(‘div12‘); //BODY getOffsetParent(‘div22‘);//DIV getOffsetParent(‘div32‘);//BODY } function getOffsetParent(id) { var divEl = document.getElementById(id); var el = divEl.offsetParent; console.log(el.nodeName); console.log(‘element id is ‘ + el.getAttribute(‘id‘) || ‘‘); } </script></head><body onload="initPage()"><div id="div11"> <div id="div12">測試1</div></div><div id="div21"> <div id="div22">測試2</div></div><div id="div30"> <div id="div31"> <div id="div32">測試3</div> </div></div></body></html>
js原生offsetParent解析
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
