Cara Penggunaan Properti scrollWidth DOM pada HTML

Properti scrollWidth DOM pada HTML digunakan untuk mengembalikan nilai lebar dari suatu elemen. Properti scrollWidth juga termasuk pada nilai padding dan konten yang tidak ditampilkan pada layar selama proses overflow, namun tidak termasuk nilai border, scrollbarr, atau margin. Properti scrollWidth merupakan properti yang bersifat read-only.

Sintak:
element.scrollWidth

Return Value: berfungsi untuk mengembalikan nilai lebar dari konten elemen dalam satuan pixel.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti scrollWidth DOM HTML

</title>

 

<style>

#box 

{

width: 250px;

overflow: auto;}

 

#content 

{

width: 500px;

padding: 10px;

background-color: green;

color: white;}

</style>

 

<!-- script untuk menemukan 

ukuran lebar dari scroll -->

<script>

function Bonss() 

{

var doc = document.getElementById("content");

 

var x = doc.scrollWidth;

 

document.getElementById ("p").innerHTML

= "Width: " 

+

+ "px";

}

</script>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti scrollWidth DOM

</h2>

 

<button 

onclick="Bonss()">

Click Here!

</button>

 

<br><br>

 

<div id = "box">

<div id = "content">

Konten Teks...

</div>

</div>

 

<p id = "p"></p>

 

</body>

 

</html>

Output:

Blog Elfan

Properti scrollWidth DOM



Konten Teks...

Komentar

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti scrollWidth DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti scrollWidth DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa fungsi dari properti scrollWidth DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti scrollWidth merupakan properti yang bersifat read-only untuk nilai ukuran lebar konten suatu elemen, juga termasuk nilai konten yang tidak terlihat pada layar karena overflow.

      Hapus
    2. Properti scrollWidth berfungsi untuk mengembalikan nilai lebar seluruh elemen dalam satuan pixel, termasuk juga nilai padding, tetapi tidak termasuk nilai border, scrollbar, ataupun nilai margin.

      Hapus

Posting Komentar

*Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

6 Contoh Program Method Overloading pada Java

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C