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

Posted 2020-08-08 徐先森讲web

　　在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对象的理解，还有怎么获取浏览器的宽高的理解，希望能对大家产生帮助。