天天看點

HTML DOM scrollHeight 屬性

HTML DOM scrollHeight 屬性

元素對象

擷取 div 元素的高度和寬度,包含内邊距(padding):

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

var y = elmnt.scrollHeight;

var x = elmnt.scrollWidth;

scrollHeight 屬性是一個隻讀屬性,它傳回該元素的像素高度,高度包含内邊距(padding),不包含外邊距(margin)、邊框(border),是一個整數,機關是像素 px。

HTML DOM scrollHeight 屬性

scrollHeight 的值等于該元素在不使用滾動條的情況下為了适應視口中所用内容所需的最小高度。 沒有垂直滾動條的情況下,scrollHeight 值與元素視圖填充所有内容所需要的最小值 clientHeight 相同。包括元素的padding,但不包括元素的 border 和 margin。

這是一個隻讀屬性。

HTML DOM scrollHeight 屬性

屬性

scrollHeight

Yes

傳回值:

傳回一個整數,表示該元素的像素高度。

使用 padding(内邊距), border(邊框), scrollbar(滾動條) 以及 margin(外邊距)來示範 scrollWidth 和 scrollHeight 屬性的變化:

傳回元素 scrollHeight 和 scrollWidth 屬性的值,然後将擷取的高度和寬度來設定另外一個元素的 scrollHeight 和 scrollWidth 屬性值:

function getFunction() {

}

function setFunction() {

elmnt.style.height = y.scrollHeight + "px";

elmnt.style.width = y.scrollWidth + "px";

HTML DOM scrollHeight 屬性