西安网站优化推广方案,网站建设 中企动力公司,网站如何做谷歌推广,站设计网站官网通过一个demo测试这三个属性的差别。 说明#xff1a; scrollWidth#xff1a;对象的实际内容的宽度#xff0c;不包边线宽度#xff0c;会随对象中内容超过可视区后而变大。 clientWidth#xff1a;对象内容的可视区的宽度#xff0c;不包滚动条等边线#xff0c;会随对…通过一个demo测试这三个属性的差别。 说明 scrollWidth对象的实际内容的宽度不包边线宽度会随对象中内容超过可视区后而变大。 clientWidth对象内容的可视区的宽度不包滚动条等边线会随对象显示大小的变化而改变。 offsetWidth对象整体的实际宽度包滚动条等边线会随对象显示大小的变化而改变。 该demo就在页面中放一个textarea元素采用默认宽高显示。 情况1 元素内无内容或者内容不超过可视区滚动不出现或不可用的情况下。 scrollWidthclientWidth两者皆为内容可视区的宽度。 offsetWidth为元素的实际宽度。 情况2 元素的内容超过可视区滚动条出现和可用的情况下。 scrollWidthclientWidth。 scrollWidth为实际内容的宽度。 clientWidth是内容可视区的宽度。 offsetWidth是元素的实际宽度。 以上。转载于:https://www.cnblogs.com/daicygo/p/6140452.html
