أحدث البرامج التعليمية وتطوير الشبكة
 

HTML DOM scrollWidth Propery

<كائن العنصر

مثال

الحصول على كامل ارتفاع وعرض عنصر، بما في ذلك الحشو:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.

تعريف والاستخدام

الخاصية scrollWidth إرجاع كامل عرض عنصر بالبكسل، بما في ذلك الحشو، ولكن ليس على الحدود، التمرير أو الهامش.

نصيحة: استخدم scrollHeight الملكية للعودة كامل ارتفاع عنصر.

خصائص scrollWidth وscrollHeight تعود للارتفاع كامل والعرض من عنصر، بما في ذلك الطول والعرض ليست للعرض (because of overflow) .

نصيحة: لإضافة التمرير إلى عنصر، استخدم CSS تجاوز الممتلكات.

هذه الخاصيه للقراؤه فقط.

دعم المتصفح

خاصية
scrollWidth نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا

بناء الجملة

element .scrollWidth

تفاصيل تقنية

قيمة الإرجاع: الرقم الذي يمثل كامل عرض (horizontally) عنصر، بالبكسل
أمثلة

مزيد من الأمثلة

مثال

عن طريق الحشو، والحدود، والتمرير هامش لإظهار كيف أن هذا يؤثر على الممتلكات scrollWidth وscrollHeight:

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
انها محاولة لنفسك »

مثال

إعادة scrollHeight وscrollWidth عنصر ثم قم بتعيين الارتفاع والعرض إلى القيم التي يتم إرجاعها من scrollHeight وscrollWidth:

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

function getFunction() {
    var x = elmnt.scrollWidth;
    var y = elmnt.scrollHeight;
}

function setFunction() {
    elmnt.style.height = y.scrollHeight + "px";
    elmnt.style.width = y.scrollWidth + "px";
}
انها محاولة لنفسك »

<كائن العنصر