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

Posted 徐先森讲web

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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对象的理解,还有怎么获取浏览器的宽高的理解,希望能对大家产生帮助。

以上是关于Js怎么获取DOM及获取浏览器的宽高?的主要内容,如果未能解决你的问题,请参考以下文章

Js如何获取某Dom元素的宽高

js操作DOM对象及怎么获取浏览器宽高

如何用JS动态获取浏览器的宽高

JS 获取当前浏览器宽高

js获取网页的宽高

获取浏览器和设备的宽高