سمة الإزاحة تُرجع مرجعًا إلى كائن. إذا لم يتم وضع عنصر الحاوية هذا CSS ، فإن قيمة خصائص الإزاحة هي عنصر الجذر (عنصر HTML هو عنصر HTML في وضع التوافق القياسي ؛ إنه عنصر الجسم في وضع العرض التقديمي الغريب). عندما يتم ضبط style.display لعنصر الحاوية على "لا شيء" (باستثناء: أي أوبرا) ، فإن خاصية OfficeParent تعيد Null.
بناء الجملة:
ParentObj = element.offsetParent
عامل:
・ ParentObj هو إشارة إلى عنصر ، ويتم حساب إزاحة العنصر الحالي.
نسخ رمز رمز على النحو التالي:
<!
<html>
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" /> />
<title> مستند بدون عنوان </title>
<script type = "text/javaScript" language = "javaScript">
وظيفة الإزاحة _init () {
var pelement = document.getElementById ("sonobj") ؛
ParentObj = pelement.offsetParent ؛
ALERT (parentobj.tagname) ؛
}
</script>
</head>
<body only = "Office_Init ()" >>
<div id = "parent">
<p id = "sonobj"> اختبار السمات الإزاحة </p>
</div>
</body>
</html>
نتائج الاختبار:
Firefox3: "الجسم"
استغلال الإنترنت 7: "الجسم"
أوبرا 9.51: "الجسم"
Chrome 0.2: "الجسم"
Safari 3: "الجسم
ختاماً:
عندما لا يتم تنفيذ العناصر ومستويات بنية DOM في مستوى بنية DOM (مطلقًا أو يتم إجراء عملية مراجعة) [أو يتم وضع عنصر معين عندما لا يتم تنفيذ العنصر في مستوى بنية DOM عندما لا يتم تنفيذ مستوى هيكل DOM] ، ثم خاصية الإزاحة لهذا العنصر هي قيمة القيمة هي عنصر الجذر. بتعبير أدق أن مراجع حسابات الإزاحة المختلفة لهذا العنصر (Offsettop ، OffsteLft ، وما إلى ذلك) هي عناصر الجسم. (في الواقع ، بغض النظر عن وضع التوافق القياسي للوقت أو الوضع الغريب ، فإن عناصر الجذر هي عناصر الجسم)
رمز الاختبار 2
نسخ رمز رمز على النحو التالي:
<!
<html>
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" /> />
<title> مستند بدون عنوان </title>
<type type = "text/css">
#parent {
الموقف: المطلق ؛
اليسار: 25 بكسل ؛
أعلى: 188 بكسل ؛
الحدود: 1 بكسل سوداء صلبة.
}
</style>
<script type = "text/javaScript" language = "javaScript">
وظيفة الإزاحة _init () {
var pelement = document.getElementById ("sonobj") ؛
ParentObj = pelement.offsetParent ؛
ALERT (parentobj.tagname) ؛
}
</script>
</head>
<body only = "Office_Init ()" >>
<div id = "parent"> Div Test Code
<p id = "sonobj"> اختبار السمات الإزاحة </p>
</div>
</body>
</html>
نتائج الاختبار:
Firefox3: "Div"
استغلال الإنترنت 7: "div"
أوبرا 9.51: "DIV"
Chrome 0.2: "Div"
Safari 3: "Div"
ختاماً:
عندما يؤدي العنصر الأصل لعنصر معين تحديد موقع CSS ، فإن قيمة خاصية OfficeParent لهذا العنصر هي العنصر الأم. بتعبير أدق ، مراجع حسابات الإزاحة المختلفة لهذا العنصر (OfficeTtOp ، Offsteleft ، وما إلى ذلك) هي عناصر الوالدين الخاصة بهم
رمز الاختبار 3
نسخ رمز رمز على النحو التالي:
<!
<html>
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" /> />
<title> مستند بدون عنوان </title>
<type type = "text/css">
#Grandfather {
الموقف: قريب
اليسار: 25 بكسل ؛
أعلى: 188 بكسل ؛
الحدود: 1 بكسل سوداء صلبة.
}
</style>
<script type = "text/javaScript" language = "javaScript">
وظيفة الإزاحة _init () {
var pelement = document.getElementById ("sonobj") ؛
ParentObj = pelement.offsetParent ؛
ALERT (parentobj.tagname) ؛
}
</script>
</head>
<body only = "Office_Init ()" >>
<h1 id = "grandfather">
<div id = "parent">
<p id = "sonobj"> اختبار السمات الإزاحة </p>
</div>
</h1>
</body>
</html>
نتائج الاختبار:
Firefox3: "H1"
استغلال الإنترنت 7: "H1"
أوبرا 9.51: "H1"
Chrome 0.2: "H1"
Safari 3: "H1"
ختاماً:
عندما لا يكون هناك عنصر معين وعنصره الأصل في وضع CSS ، فإن قيمة خاصية OfficeParent لهذا العنصر الأقرب إليها في مستوى هيكل DOM ، وتم تنفيذ تحديد موقع CSS.