Atribut OffsetParent Mengembalikan referensi ke suatu objek. Jika elemen wadah ini tidak memposisikan CSS, nilai properti offsetparent adalah elemen root (elemen HTML adalah elemen HTML dalam mode kompatibilitas standar; itu adalah elemen tubuh dalam mode presentasi aneh). Ketika style.display dari elemen kontainer diatur ke "tidak ada" (kecuali untuk: yaitu dan opera), properti officeparent mengembalikan nol.
sintaksis:
parentObj = element.offsetParent
Variabel:
・ ParentObj adalah referensi ke suatu elemen, dan offset elemen saat ini dihitung.
Salin kode kode sebagai berikut:
<!
<Html>
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" /> />
<Title> dokumen tanpa judul </iteme>
<type skrip = "text/javascript" bahasa = "javascript">
function offset_init () {
var pelement = document.getElementById ("sonobj");
ParentObj = Pelement.OffsetParent;
Waspada (parentoBj.tagname);
}
</script>
</head>
<Body Only = "Office_init ()" >>
<Div id = "Parent">
<p id = "sonobj"> tes atribut offsetparent </p>
</div>
</body>
</html>
Hasil tes:
Firefox3: "Tubuh"
Internet Exploorr 7: "Tubuh"
Opera 9.51: "Tubuh"
Chrome 0.2: "Tubuh"
Safari 3: "Tubuh
Kesimpulan:
Ketika elemen dan level struktur DOM tidak dilakukan pada tingkat struktur DOM (absolut atau rantai) [atau elemen tertentu diposisikan ketika elemen tidak dilakukan pada level struktur DOM ketika tingkat struktur DOM tidak dilakukan], maka kemudian Properti offsetparent dari elemen ini nilai nilai adalah elemen root. Lebih tepatnya, referensi berbagai perhitungan offset elemen ini (offsettop, offsetleft, dll.) Adalah elemen tubuh. (Faktanya, terlepas dari mode kompatibilitas standar waktu atau mode aneh, elemen root adalah elemen tubuh)
Kode Uji 2
Salin kode kode sebagai berikut:
<!
<Html>
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" /> />
<Title> dokumen tanpa judul </iteme>
<Type style = "text/css">
#Parent {
Posisi: Absolute; <!-Posisi: Relatif;->
Kiri: 25px;
Atas: 188px;
Perbatasan: 1px solid black;
}
</tyle>
<type skrip = "text/javascript" bahasa = "javascript">
function offset_init () {
var pelement = document.getElementById ("sonobj");
ParentObj = Pelement.OffsetParent;
Waspada (parentoBj.tagname);
}
</script>
</head>
<Body Only = "Office_init ()" >>
<Div id = "Parent"> Div Test Code
<p id = "sonobj"> tes atribut offsetparent </p>
</div>
</body>
</html>
Hasil tes:
Firefox3: "Div"
Internet Exploorr 7: "Div"
Opera 9.51: "Div"
Chrome 0.2: "Div"
Safari 3: "Div"
Kesimpulan:
Ketika elemen induk dari elemen tertentu melakukan penentuan posisi CSS, nilai properti resmi elemen ini adalah elemen induknya. Lebih tepatnya, referensi dari berbagai perhitungan offset dari elemen ini (OfficeTop, Offsetleft, dll.) Adalah elemen induknya
Kode Uji 3
Salin kode kode sebagai berikut:
<!
<Html>
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" /> />
<Title> dokumen tanpa judul </iteme>
<Type style = "text/css">
#GrandFather {
Posisi: kerabat;
Kiri: 25px;
Atas: 188px;
Perbatasan: 1px solid black;
}
</tyle>
<type skrip = "text/javascript" bahasa = "javascript">
function offset_init () {
var pelement = document.getElementById ("sonobj");
ParentObj = Pelement.OffsetParent;
Waspada (parentoBj.tagname);
}
</script>
</head>
<Body Only = "Office_init ()" >>
<h1 id = "kakek">
<Div id = "Parent">
<p id = "sonobj"> tes atribut offsetparent </p>
</div>
</h1>
</body>
</html>
Hasil tes:
Firefox3: "H1"
Internet Exploorr 7: "H1"
Opera 9.51: "H1"
Chrome 0.2: "H1"
Safari 3: "H1"
Kesimpulan:
Ketika elemen tertentu dan elemen induknya bukan penentuan posisi CSS, nilai properti resmi elemen ini paling dekat dengannya di tingkat struktur DOM, dan posisi CSS telah dilakukan.