js absolute dom怎么读取宽高

Posted 2023-04-27

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

具体代码如下：

网页可见区域宽： 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

参考技术A var el=document.getElementById('需要读取元素的ID')；
//定义一个getStyle 获取样式值的函数
function getStyle(obj,attr)

return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj)[attr];


//然后这个函数需要这样使用 getStyle(你需要获取的元素,需要获取的属性 比如width宽)

var width=getStyle(el,'width')

本回答被提问者采纳

Js怎么获取DOM及获取浏览器的宽高？

　　在JavaScript中，经常会需要获取document文档元素，是HTML文档对象模型的缩写，HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。

　　　　通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。

　　　　DOM独立于具体的编程语言，通常通过JavaScript访问DOM，不过并不严格要求这样。可以使用任何脚本语言来访问DOM，这要归功于其一致的API。
　　　　getElementById(id) (document) 获取有指定惟一ID属性值文档中的元素
　　　　getElementsByTagName_r(name) 返回当前元素中有指定标记名的子元素的数组
　　　　hasChildNodes() 返回一个布尔值，指示元素是否有子元素getAttribute(name) 返回元素的属性值，属性由name指定有了W3C DOM，就能编写简单的跨浏览器脚本，从而充分利用XML的强大功能灵活性，将XML作为浏览器和服务器之间的通信介质。　　

　　　　W3CDOM，就能编写简单的跨浏览器脚本，从而充分利用XML的强大功能和灵活性，将XML作为浏览器和服务器之间的通质。

　　

　　如果想获取浏览器的宽度，有以下几种方法：（转载）

　　　　1.获取网页可见区域的宽度：document.body.clientWidth ;

　　　　2.获取网页可见区域的高度：document.body.clientHeight;

　　　　3.获取 网页可见区域宽：document.body.offsetWidth; (包括边线的宽度) 

　　　　4.获取网页可见区域高：document.body.offsetHeight ;(包括边线的宽度) 

　　　　5.获取网页正文全文宽：document.body.scrollWidth ;

　　　　6.获取网页正文全文高：document.body.scrollHeight ;

　　　　7.获取网页被卷去的高：document.body.scrollTop ;

　　　　8.获取网页被卷去的左：document.body.scrollLeft ;

　　　　9.获取网页正文部分上：window.screenTop ;

　　　　11.获取网页正文部分左：window.screenLeft; 

　　　　12.获取屏幕分辨率的高：window.screen.height; 

　　　　13.获取屏幕分辨率的宽：window.screen.width ;

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

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

 

　　以上就是我对怎么操作DOM，，怎么获取DOM对象的理解，还有怎么获取浏览器的宽高的理解，希望能对大家产生帮助。