Properti scrollWidth DOM HTML Element

definisi dan penggunaan

scrollWidth properti ini mengembalikan lebar elemen, dalam satuan piksel, termasuk padding, tanpa border, scrollbar atau margin.

scrollWidth properti ini hanya baca.

catatan:scrollWidth dan scrollHeight keduanya mengembalikan tinggi dan lebar keseluruhan elemen, termasuk bagian yang tak terlihat (disebabkan oleh kelebihan).

lihat pula:

properti scrollHeight

Properti 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

atur tinggi dan lebar elemen menjadi nilai yang dikembalikan oleh scrollHeight dan scrollWidth:

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

coba sendiri

syntaks

element.scrollWidth

nilai kembalian

tipe deskripsi
angka lebar elemen, dalam satuan piksel.

dukungan peramban

semua peramban mendukung element.scrollWidth：

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