El atributo OffSetParent devuelve una referencia a un objeto. Si este elemento contenedor no coloca CSS, el valor de las propiedades offsetSpParent es el elemento raíz (el elemento HTML es el elemento HTML en el modo de compatibilidad estándar; es un elemento corporal en el modo de presentación extraña). Cuando el estilo. Describe del elemento del contenedor se establece en "Ninguno" (excepto: IE y Opera), la propiedad de OfficeParent devuelve nulo.
sintaxis:
parentobj = element.offsetParent
variable:
・ ParentOBJ es una referencia a un elemento, y se calcula el desplazamiento del elemento actual.
Copiar código del código de la siguiente manera:
<!
<html>
<Evista>
<meta http-oquiv = "content-type" content = "text /html; charset = utf-8" /> />
<title> Documento sin título </title>
<script type = "text/javaScript" lenguaje = "javaScript">
función offset_init () {
var pelement = document.getElementById ("sonobj");
Parentobj = Pelement.OffSetParent;
Alerta (Parentobj.tagname);
}
</script>
</ablo>
<cuerpo solo = "office_init ()" >>
<div id = "parent">
<P id = "SonoBJ"> Test OffSetParent Attributes </p>
</div>
</body>
</html>
Resultados de la prueba:
Firefox3: "Cuerpo"
Internet Exloorr 7: "Cuerpo"
Ópera 9.51: "cuerpo"
Chrome 0.2: "Cuerpo"
Safari 3: "Cuerpo
en conclusión:
Cuando los elementos y sus niveles de estructura DOM no se realizan en el nivel de estructura DOM (absoluto o relacionado) [o un cierto elemento se coloca cuando el elemento no se realiza en el nivel de estructura DOM cuando no se realiza el nivel de estructura DOM], entonces La propiedad OffsetParent de este elemento El valor del valor es el elemento raíz. Más precisamente, las referencias de varios cálculos de compensación de este elemento (Offsettop, Offsetleft, etc.) son elementos corporales. (De hecho, independientemente del modo de compatibilidad estándar de tiempo o el modo extraño, los elementos raíz son elementos corporales)
Código de prueba 2
Copiar código del código de la siguiente manera:
<!
<html>
<Evista>
<meta http-oquiv = "content-type" content = "text /html; charset = utf-8" /> />
<title> Documento sin título </title>
<Style type = "text/css">
#Parent {
Posición: Absoluto;
Izquierda: 25px;
Arriba: 188px;
borde: 1px negro sólido;
}
</style>
<script type = "text/javaScript" lenguaje = "javaScript">
función offset_init () {
var pelement = document.getElementById ("sonobj");
Parentobj = Pelement.OffSetParent;
Alerta (Parentobj.tagname);
}
</script>
</ablo>
<cuerpo solo = "office_init ()" >>
<div id = "parent"> código de prueba Div
<P id = "SonoBJ"> Test OffSetParent Attributes </p>
</div>
</body>
</html>
Resultados de la prueba:
Firefox3: "Div"
Internet Exloorr 7: "Div"
Opera 9.51: "Div"
Chrome 0.2: "Div"
Safari 3: "Div"
en conclusión:
Cuando el elemento principal de cierto elemento realiza el posicionamiento de CSS, el valor de la propiedad de OfficeParent de este elemento es su elemento principal. Más precisamente, las referencias de los diversos cálculos de desplazamiento de este elemento (officettop, offsetsetleft, etc.) son sus elementos principales
Código de prueba 3
Copiar código del código de la siguiente manera:
<!
<html>
<Evista>
<meta http-oquiv = "content-type" content = "text /html; charset = utf-8" /> />
<title> Documento sin título </title>
<Style type = "text/css">
#Grandfather {
Posición: relativo;
Izquierda: 25px;
Arriba: 188px;
borde: 1px negro sólido;
}
</style>
<script type = "text/javaScript" lenguaje = "javaScript">
función offset_init () {
var pelement = document.getElementById ("sonobj");
Parentobj = Pelement.OffSetParent;
Alerta (Parentobj.tagname);
}
</script>
</ablo>
<cuerpo solo = "office_init ()" >>
<h1 id = "abuelo">
<div id = "parent">
<P id = "SonoBJ"> Test OffSetParent Attributes </p>
</div>
</h1>
</body>
</html>
Resultados de la prueba:
Firefox3: "H1"
Internet Exloorr 7: "H1"
Opera 9.51: "H1"
Chrome 0.2: "H1"
Safari 3: "H1"
en conclusión:
Cuando un cierto elemento y su elemento principal no son posicionamiento de CSS, el valor de la propiedad de OfficeParent de este elemento está más cerca en el nivel de estructura DOM, y se ha realizado el posicionamiento CSS.