js如何设置div的宽高?

JavaScript011

js如何设置div的宽高?,第1张

编写相应程序代码即可。

代码如下:

<script>

function getInfo()

{

var s = ""

s += " 网页可见区域宽:"+ document.body.clientWidth

s += " 网页可见区域高:"+ document.body.clientHeight

s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"

s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)"

s += " 网页正文全文宽:"+ document.body.scrollWidth

s += " 网页正文全文高:"+ document.body.scrollHeight

s += " 网页被卷去的高(ff):"+ document.body.scrollTop

s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop

s += " 网页被卷去的左:"+ document.body.scrollLeft

s += " 网页正文部分上:"+ window.screenTop

s += " 网页正文部分左:"+ window.screenLeft

s += " 屏幕分辨率的高:"+ window.screen.height s += " 屏幕分辨率的宽:"+ window.screen.width

s += " 屏幕可用工作区高度:"+ window.screen.availHeight

s += " 屏幕可用工作区宽度:"+ window.screen.availWidth

s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"

s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"

//alert (s)

}

getInfo()

</script>

超出固定高度显示滚动条,只要设置style属性中的overflowY="scroll"

document.getElementById('scroll').style.overflowY="scroll"

获取div的高度,如果获取不到,可用下面的方法,一下方法是获取div的编辑完成后的高度:

/**

  * obj:需要获取属性的html对象

  * prop:需要获取的obj对象的属性

  */

function getCurrentStyle (obj, prop) { 

    if (obj.currentStyle) {       

        return obj.currentStyle[prop]     

    }      

    else if (window.getComputedStyle) {        

        propprop = prop.replace (/([A-Z])/g, "-$1")           

        propprop = prop.toLowerCase ()        

        return document.defaultView.getComputedStyle (obj,null)[prop]     

    }      

    return null   

}   

var div = document.getElementsByTagName("div")[0]

var height = getCurrentStyle(div,"height")