Atribut scrollWidth DOM HTML Element

Definisi dan penggunaan

scrollWidth Atribut ini mengembalikan lebar elemen dalam ukuran piksel, termasuk padding, tanpa garis bawah, baris gulir atau margin.

scrollWidth Atribut ini adalah baca-saja.

Keterangan:scrollWidth dan scrollHeight Kedua-duanya mengembalikan tinggi dan lebar keseluruhan elemen, termasuk bagian yang tak terlihat (disebabkan kelebihan).

Lihat juga:

Atribut scrollHeight

Sifat overflow CSS

Contoh

Contoh 1

Ambil tinggi dan lebar elemen, termasuk padding dalam:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

Coba sendiri

Contoh 2

Bagaimana padding, border dan scrollbar mempengaruhi scrollWidth dan scrollHeight:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

Coba sendiri

Contoh 3

Tetapkan tinggi dan lebar elemen menjadi nilai yang dibalikkan oleh scrollHeight dan scrollWidth:

element.style.height = element.scrollHeight + "px";
element.style.width = element.scrollWidth + "px";

Coba sendiri

Syarat

element.scrollWidth

Nilai kembalian

Tipe Deskripsi
Angka Lebar elemen, dalam ukuran piksel.

Pemungutan pelayar

Semua pelayar mendukung element.scrollWidth：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan Dukungan