OffsetParent Atributo retorna uma referência a um objeto. Se esse elemento do contêiner não posicionar CSS, o valor das propriedades OffsetParent é o elemento raiz (o elemento HTML é o elemento HTML no modo de compatibilidade padrão; é um elemento corporal no modo de apresentação estranho). Quando o Style.Display do elemento do contêiner é definido como "nenhum" (exceto: isto é e ópera), a propriedade OfficeParent retorna nulo.
sintaxe:
parenteBJ = element.OffSetParent
variável:
・ ParentObj é uma referência a um elemento e o deslocamento do elemento atual é calculado.
Copie o código do código da seguinte forma:
<!
<html>
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" /> />
<title> Documento sem título </title>
<script type = "text/javascript" idioma = "javascript">
function offset_init () {
var peLement = document.getElementById ("sonobj");
parenteBJ = PELEMENT.OFFSETPARENT;
Alerta (parairobj.tagname);
}
</script>
</head>
<body somente = "office_init ()" >>
<div id = "pai">
<P ID = "Sonobj"> Teste OffsetParent Attributes </p>
</div>
</body>
</html>
Resultados do teste:
Firefox3: "Corpo"
Internet explora 7: "corpo"
Opera 9.51: "Corpo"
Chrome 0.2: "corpo"
Safari 3: "Corpo
para concluir:
Quando os elementos e seus níveis de estrutura DOM não são realizados no nível da estrutura DOM (absoluto ou relacionado) [ou um determinado elemento está posicionado quando o elemento não é realizado no nível da estrutura DOM quando o nível da estrutura DOM não é executado], então A propriedade OffsetParent deste elemento O valor do valor é o elemento raiz. Mais precisamente, as referências de vários cálculos de deslocamento desse elemento (OffsetTop, OffsetLeft, etc.) são elementos do corpo. (De fato, independentemente do modo de compatibilidade padrão do tempo ou modo estranho, os elementos raiz são elementos do corpo)
Código de teste 2
Copie o código do código da seguinte forma:
<!
<html>
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" /> />
<title> Documento sem título </title>
<Style type = "text/css">
#Parent {
Posição: Absoluto; <!-Posição: relativa;->
Esquerda: 25px;
TOP: 188px;
borda: 1px preto sólido;
}
</style>
<script type = "text/javascript" idioma = "javascript">
function offset_init () {
var peLement = document.getElementById ("sonobj");
parenteBJ = PELEMENT.OFFSETPARENT;
Alerta (parairobj.tagname);
}
</script>
</head>
<body somente = "office_init ()" >>
<div id = "Parent"> Div Código de teste
<P ID = "Sonobj"> Teste OffsetParent Attributes </p>
</div>
</body>
</html>
Resultados do teste:
Firefox3: "div"
Internet explora 7: "div"
Opera 9.51: "Div"
Chrome 0.2: "div"
Safari 3: "Div"
para concluir:
Quando o elemento pai de um determinado elemento executa o posicionamento CSS, o valor da propriedade OfficeParent deste elemento é seu elemento pai. Mais precisamente, as referências dos vários cálculos de deslocamento desse elemento (Officetop, Offsetleft etc.) são os elementos dos seus pais
Código de teste 3
Copie o código do código da seguinte forma:
<!
<html>
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" /> />
<title> Documento sem título </title>
<Style type = "text/css">
#Avô {
Posição: relativa;
Esquerda: 25px;
TOP: 188px;
borda: 1px preto sólido;
}
</style>
<script type = "text/javascript" idioma = "javascript">
function offset_init () {
var peLement = document.getElementById ("sonobj");
parenteBJ = PELEMENT.OFFSETPARENT;
Alerta (parairobj.tagname);
}
</script>
</head>
<body somente = "office_init ()" >>
<h1 id = "avô">
<div id = "pai">
<P ID = "Sonobj"> Teste OffsetParent Attributes </p>
</div>
</h1>
</body>
</html>
Resultados dos testes:
Firefox3: "H1"
Internet explora 7: "H1"
Opera 9.51: "H1"
Chrome 0.2: "H1"
Safari 3: "H1"
para concluir:
Quando um certo elemento e seu elemento pai não são posicionamentos de CSS, o valor da propriedade OfficeParent deste elemento é mais próximo no nível da estrutura DOM e o posicionamento do CSS foi realizado.