HTML DOM Element scrollWidth गुण

वर्णन और उपयोग

scrollWidth गुण एलिमेंट की चौड़ाई पिक्सल में वापस देता है, आंतरिक गालीचाव (padding) सहित, बाहरी घेरा (border), स्क्रॉलबार या बाहरी गालीचाव (margin) नहीं शामिल किया जाता है

scrollWidth गुण अशेषयोग्य है

टिप्पणी:scrollWidth और scrollHeight दोनों गुण एलिमेंट की पूरी ऊंचाई और चौड़ाई वापस देते हैं, अदृश्य हिस्से (ओवरफ्लो) सहित。

दूसरे देखें:

scrollHeight गुण

CSS overflow विशेषता

उदाहरण

उदाहरण 1

एलिमेंट की ऊंचाई और चौड़ाई प्राप्त करें, आंतरिक गालीचाव (padding) सहित:

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

अपने आप सिर्फ एक प्रयोग करें

उदाहरण 2

padding, border और scrollbar कैसे scrollWidth और scrollHeight पर प्रभाव डालते हैं:

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

अपने आप सिर्फ एक प्रयोग करें

उदाहरण 3

एलिमेंट की ऊंचाई और चौड़ाई scrollHeight और scrollWidth से वापस दी गई गणना के अनुसार सेट करें:

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

अपने आप सिर्फ एक प्रयोग करें

व्याकरण

element.scrollWidth

वापसी मूल्य

टाइप वर्णन
संख्या एलिमेंट की चौड़ाई पिक्सल में वैसे है

ब्राउज़र समर्थन

सभी ब्राउज़र समर्थित करते हैं element.scrollWidth：

Chrome IE Edge फायरफॉक्स सफारी ऑपेरा
Chrome IE Edge फायरफॉक्स सफारी ऑपेरा
समर्थन समर्थन समर्थन समर्थन समर्थन समर्थन