AftsetParent Attribute возвращает ссылку на объект. Если этот элемент контейнера не позиционирует CSS, значение свойств OffsetParent является корневым элементом (элемент HTML является элементом HTML в режиме стандартной совместимости; это элемент кузова в режиме странного представления). Когда Style.Display элемента контейнера устанавливается на «нет» (за исключением: IE и Opera), собственность Officeprent возвращает NULL.
синтаксис:
ParentObj = element.OffSetParent
переменная:
・ ParentObj - это ссылка на элемент, и рассчитывается смещение текущего элемента.
Код кода копирования следующим образом:
<!
<html>
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" /> />
<Название> без названия документа </title>
<script type = "text/javascript" ranguage = "javascript">
функция offset_init () {
var pelement = document.getElementbyId ("sonobj");
parentObj = pelement.offsetParent;
Оповещение (parentObj.tagname);
}
</script>
</head>
<только тело = "Office_Init ()" >>
<div id = "parent">
<p id = "sonobj"> тестовые атрибуты офсета запылания </p>
</div>
</body>
</html>
Результаты теста:
Firefox3: "тело"
Интернет Exploorr 7: «Тело»
Opera 9.51: "тело"
Хром 0,2: "тело"
Сафари 3: «Тело
в заключение:
Когда элементы и уровни структуры ее DOM не выполняются на уровне структуры DOM (абсолютно или рецидив) [или определенный элемент позиционируется, когда элемент не выполняется на уровне структуры DOM, когда уровень структуры DOM не выполняется], тогда Свойство OffsetParent этого элемента Значение значения является корневым элементом. Точнее, ссылки на различные расчеты смещения этого элемента (OffsetTop, Offsetleft и т. Д.) являются элементами тела. (Фактически, независимо от режима стандартной совместимости времени или странного режима, элементы корня являются элементами тела)
Тестовый код 2
Код кода копирования следующим образом:
<!
<html>
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" /> />
<Название> без названия документа </title>
<Стиль типа = "text/css">
#Parent {
позиция: абсолютно;
Слева: 25px;
Верх: 188px;
Граница: 1px твердый черный;
}
</style>
<script type = "text/javascript" ranguage = "javascript">
функция offset_init () {
var pelement = document.getElementbyId ("sonobj");
parentObj = pelement.offsetParent;
Оповещение (parentObj.tagname);
}
</script>
</head>
<только тело = "Office_Init ()" >>
<div id = "parent"> тестовый код div
<p id = "sonobj"> тестовые атрибуты офсета запылания </p>
</div>
</body>
</html>
Результаты теста:
Firefox3: "div"
Интернет Exploorr 7: "div"
Opera 9.51: "Div"
Хром 0,2: "div"
Safari 3: "div"
в заключение:
Когда родительский элемент определенного элемента выполняет позиционирование CSS, значением собственности офисного поля этого элемента является его родительским элементом. Точнее, ссылки на различные расчеты смещения этого элемента (Officettop, Offsetleft и т. Д.) - их родительские элементы
Тестовый код 3
Код кода копирования следующим образом:
<!
<html>
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" /> />
<Название> без названия документа </title>
<Стиль типа = "text/css">
#Grandfather {
позиция: относительно;
Слева: 25px;
Верх: 188px;
Граница: 1px твердый черный;
}
</style>
<script type = "text/javascript" ranguage = "javascript">
функция offset_init () {
var pelement = document.getElementbyId ("sonobj");
parentObj = pelement.offsetParent;
Оповещение (parentObj.tagname);
}
</script>
</head>
<только тело = "Office_Init ()" >>
<h1 id = "дедушка">
<div id = "parent">
<p id = "sonobj"> тестовые атрибуты офсета запылания </p>
</div>
</h1>
</body>
</html>
Результаты теста:
Firefox3: "H1"
Интернет exploror 7: "H1"
Opera 9.51: "H1"
Хром 0,2: "H1"
Safari 3: "H1"
в заключение:
Когда определенный элемент и его родительский элемент не являются позиционированием CSS, значение офисного имущества этого элемента является наиболее близким для него на уровне структуры DOM, и было выполнено позиционирование CSS.