Mendapatkan Parent Offset HTML Menggunakan offsetParent DOM
 |
| Ilustrasi offsetParent DOM HTML |
object.offsetParent;
<!DOCTYPE html>
<html>
<head>
<title>
Properti Elemen offsetParent
DOM HTML
</title>
</head>
<body>
<div id = "MKN">
<h1>
Blog Elfan
</h1>
<button onclick="myBons()">
Click Here!
</button>
<p>
offsetParent:
<span id="bonns"></span>
</p>
</div>
<!-- Script untuk
mengembalikan offsetParent -->
<script>
function myBons()
{
// Mengembalikan offsetParent
// dari div
var offsetp =
document.getElementById("MKN");
document.getElementById("bonns").innerHTML =
offsetp.offsetParent;
}
</script>
</body>
</html>
Output:Blog Elfan
offsetParent:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Elemen offsetParent
DOM
</title>
<style>
#MKN
{
display: none;}
</style>
</head>
<body>
<div id = "g4g">
<h1 id = "MKN">
Blog Elfan
</h1>
<button onclick="myBons()">
Click Here!
</button>
<p>
offsetParent:
<span id="bonns"></span>
</p>
</div>
<!-- Script untuk
mengembalikan offsetParent -->
<script>
function myBons()
{
// Mengembalikan offsetParent
// dari div
var offsetp =
document.getElementById("MKN");
document.getElementById("bonns").innerHTML =
offsetp.offsetParent;
}
</script>
</body>
</html>
Output:Blog Elfan
offsetParent:
- Cara Penggunaan Properti previousSibling DOM pada HTML [klik]
- Cara Penggunaan Properti previousElementSibling DOM pada HTML [klik]
- Cara Penggunaan Method querySelectorAll() DOM pada HTML [klik]
- Cara Penggunaan Method removeAttribute() DOM pada HTML [klik]
- Cara Penggunaan Method removeAttributeNode() DOM pada HTML [klik]
- Cara Penggunaan Method removeChild() DOM HTML [klik]
- 2 Parameter Method replaceChild() DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti offsetParent DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktif properti offsetParent DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti offsetParent beserta fungsinya pada DOM HTML?
BalasHapusProperti offsetParent DOM pada HTML berfungsi untuk mengembalikan nilai ancestor terdekat yang memiliki posisi selain static.
HapusProperti atau method offsetParent() memungkinkan user untuk melakukan penelusuran terhadap elemen-elemen ancestor pada tree DOM dan membangun object jQuery baru yang dililitkan pada sekitar ancestor yang diposisikan paling dekat. Suatu elemen dikatakan telah diposisikan jika memiliki atribut posisi CSS yang bersifat relative, absolute, atau fix.
Hapus