خصوصیت scrollWidth عناصر DOM HTML
- صفحه قبل scrollTop
- صفحه بعدی setAttribute()
- بازگشت به طبقه بالاتر موضوع Elements HTML DOM
تعریف و استفاده
scrollWidth این خصوصیت عرض عناصر را به پیکسل بازمی‌گرداند، شامل padding، اما بدون border، scrollbar یا margin.
scrollWidth این خصوصیت فقط خواندنی است.
نکته:scrollWidth و scrollHeight هر دو scrollHeight و scrollWidth تمام ارتفاع و عرض عناصر را بازمی‌گردانند، از جمله بخش‌های غیرقابل مشاهده (به دلیل پر کردن).
لطفاً به: مراجعه کنید
مثال
مثال 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 | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبل scrollTop
- صفحه بعدی setAttribute()
- بازگشت به طبقه بالاتر موضوع Elements HTML DOM
