js absolute dom怎么读取宽高

JavaScript020

js absolute dom怎么读取宽高,第1张

网页可见区域宽或高、网页正文全文宽或高以及网页正文部分左或右,详细请看下文,希望对你有所帮助

具体代码如下:

网页可见区域宽: document.body.clientWidth 

网页可见区域高: document.body.clientHeight 

网页可见区域宽: document.body.offsetWidth (包括边线的宽) 

网页可见区域高: document.body.offsetHeight (包括边线的高) 

网页正文全文宽: document.body.scrollWidth 

网页正文全文高: document.body.scrollHeight 

网页被卷去的高: document.body.scrollTop 

网页被卷去的左: document.body.scrollLeft 

网页正文部分上: window.screenTop 

网页正文部分左: window.screenLeft 

屏幕分辨率的高: window.screen.height 

屏幕分辨率的宽: window.screen.width 

屏幕可用工作区高度: window.screen.availHeight 

屏幕可用工作区宽度: window.screen.availWidth

设 你已经拿到高度 并将其赋值给JS变量 domHeight并获取了了需要赋值的标签dom

这个时候你只要获取你需要赋值的标签。

JQ:$(dom).height( domHeight )

javascript : dom.style.cssText += "height:100px"

js中有四种获取dom的方法:

根据ID获取对象:document.getElementById(ID)

根据class获取对象数组:document.getElementsByClassName("box")

根据tag获取对象数组:document.getElementsByTagName("p")

根据name获取对象数组:document.getElementsByName(NAME)

用jquery选择器就多得去了,一般都用jquery,js一大串代码用jquery几个符号搞定。

根据ID获取对象:$('#ID')

根据class获取对象数组:$(".box")

根据tag获取对象数组:$("p")

根据name获取对象数组:$('input[name="nw"]')