Menentukan Panjang Offset HTML Menggunakan offsetHeight DOM
 |
| Ilustrasi offsetHeight DOM HTML |
element.offsetHeight
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style offsetHeight
DOM
</title>
<style>
#MKN
{
height: 150px;
width: 300px;
padding: 10px;
margin: 15px;
background-color: green;}
</style>
</head>
<body>
<h2>
Properti offsetHeight DOM
</h2>
<div id="MKN">
<b>
Informasi tentang div:
</b>
<p id="sudo"></p>
</div>
<button
type="button"
onclick="Bons()">
Submit
</button>
<script>
function Bons()
{
var element = document.getElementById("MKN");
var txt = "Height termasuk"
+ "juga padding dan border: "
+ element.offsetHeight
+ "px";
document.getElementById("sudo").innerHTML = txt;
}
</script>
</body>
</html>
Properti offsetHeight DOM
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Style offsetHeight
DOM
</title>
<style>
#MKN
{
height: 150px;
width: 300px;
padding: 10px;
margin: 15px;
background-color: green;}
</style>
</head>
<body>
<h2>
Properti offsetHeight DOM
</h2>
<div id="MKN">
<b>
Informasi tentang div:
</b>
<br>
<p id="sudo"></p>
</div>
<button
type="button"
onclick="Bons()">
Submit
</button>
<script>
function Bons()
{
var element = document.getElementById("MKN");
var txt = "";
txt += "Height with padding: "
+ element.clientHeight
+ "px<br>";
txt += "Height with padding"
+ " and border: "
+ element.offsetHeight
+ "px";
document.getElementById("sudo").innerHTML = txt;
}
</script>
</body>
</html>
Properti offsetHeight DOM
- 2 Contoh Penggunaan Properti ownerDocument DOM pada HTML [klik]
- Cara Penggunaan Properti parentNode DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti parentElement DOM pada HTML [klik]
- 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]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method offsetHeight() DOM pada HTML?
BalasHapusBerikut adalah beberapa browser yang dapat digunakan untuk mengaktifkan properti offsetHeight DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa fungsi properti offsetHeight DOM pada HTML?
BalasHapusProperti read-only offsetHeight DOM pada HTML berfungsi untuk mengembalikan nilai ketinggian pada suatu elemen, termasuk nilai padding vertikal, dan border sebagai nilai bilangan bulat. Properti offsetHeight merupakan bentuk pengukuran dalam elemen pixel height CSS, yang juga termasuk ukuran dalam padding, berder, dan scrollbar horizontal jika dilakukan render.
HapusProperti offsetHeight merupakan properti DOM HTML yang digunakan oleh bahasa pemrograman JavaScript. Properti ini berfungsi untuk mengembalikan ketinggian elemen yang terlihat dalam pixel yang mencakup ukuran tinggi konten yang visible, border, padding, dan scrollbar jika ada. Penggunaan properti offsetHeight sering digunakan bersamaan dengan properti offsetWidth.
Hapus