Js操作DOM元素及获取浏览器高宽的简单方法

在JavaScript中，文档元素常常被获取，这是HTML文档对象模型的缩写，HTML文档对象模型是基于浏览器编程的，感兴趣的话就随爱站技术频道小编一起了解Js操作DOM元素及获取浏览器高宽的简单方法吧！

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

childNodes 反回当前元素所有子元素的数组，firsChild返回当前元素的第一个下级子元素，lastChild反回当前元素的最后一个子元素,nextSibling 返回紧跟在当前元素后面的元素,nodeValue指定表元素，的读/写属性 parentNode指定表示元素的父节点 previousSibling返回紧邻当前元素之前的元素。

document.getElementById是获取有指定惟一ID属性值文档中的元素。document.getElementByTagName返回当前元素中有指定标记名的子元素的数组,hasChildNodes()返回一个布尔值,指示元素是否有子元素，document.getElementBycClassName是获取文档中的类名元素，document.getElementsByName(elementName) ：通过name获取节点，从名字可以看出，这个方法返回的不是一个节点元素，而是具有同样名称的节点数组。然后，我们可以通过要获取节点的某个属性来循环判断是否为需要的节点。

想获取浏览器的宽度如下：

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

下面用一个电子商务的网页来具体讲一下：

?

Kindle电子阅读器???>

Fire平板电脑??????????>

Kindle电子阅读器???>

Fire平板电脑??????????>

Kindle电子阅读器???>

Fire平板电脑??????????>

Kindle电子阅读器???>

Fire平板电脑??????????>

Kindle电子阅读器???>

Fire平板电脑??????????>

Kindle电子阅读器???>

Fire平板电脑??????????>

Kindle电子阅读器???>

Fire平板电脑??????????>

Kindle电子阅读器???>

Fire平板电脑??????????>

Kindle电子阅读器???>

Fire平板电脑??????????>

• 1
• 2
• 3
• 4
• 5

?

?

以上就是关于Js操作DOM元素及获取浏览器高宽的简单方法，如果你在操作中遇到了不懂的问题，可以来js.aizhan.com进行学习。?

原文链接:https://js.aizhan.com/develop/JavaScript/10972.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有