疑问式标题：JS如何获取HTML结构？解决方案式标题：实用方法：从DOM树到jQuery，JS获取HTML结构的几种方式。_网络推广

JavaScript在Web开发中有着广泛的应用，其中获取HTML结构是开发者们需要经常处理的问题。获取HTML结构有多种方法，下面介绍一些常用的方法。

使用`document.documentElement`和`document.body`属性

document.documentElement和document.body这两个属性都是用来获取HTML结构的。对于HTML文档，document.documentElement属性返回文档的根元素，也就是<html>元素。而document.body属性返回文档的<body>元素。

这两个属性都是DOM节点元素，可以直接使用JavaScript语法进行操作。

使用`window.innerWidth`和`window.innerHeight`属性

window.innerWidth和window.innerHeight这两个属性分别返回浏览器窗口的内部宽度和高度。如果需要获取HTML结构的大小，可以使用这两个属性。

使用这两个属性的前提是，需要先把窗口调整为适当的大小，才能得到正确的值。

使用`document.querySelector`和`document.querySelectorAll`方法

document.querySelector和document.querySelectorAll这两个方法可以根据CSS选择器查询文档中的元素的集合。其中，document.querySelector方法返回匹配的第一个元素，而document.querySelectorAll方法返回所有匹配的元素。

这两个方法返回的结果是类数组对象，可以使用JavaScript的遍历和操作数组的相关方法进行操作。

使用`element.getBoundingClientRect()`方法

element.getBoundingClientRect()方法返回一个矩形对象，包含元素的大小和位置信息。这个方法可以用来获取HTML结构的位置信息。

返回的矩形对象包括元素的上边、右边、下边、左边、宽度和高度等信息。

使用`element.scrollTop`和`element.scrollLeft`属性

element.scrollTop和element.scrollLeft属性分别返回元素的垂直滚动条和水平滚动条的位置。如果需要获取HTML结构的滚动位置信息，可以使用这两个属性。

如果元素没有设置overflow: scroll或者overflow: auto，这两个属性的值将始终为0。

使用`element.offsetParent`属性和`element.offsetLeft`、`element.offsetTop`属性

element.offsetParent属性返回最近的具有定位属性（如position: relative或position: absolute）的父元素。而element.offsetLeft和element.offsetTop属性分别返回元素相对于最近的定位父元素的水平和垂直位置。

通过这些属性，可以获取HTML结构的位置信息。