获取内容的宽度，而不是使用普通JavaScript的视口

Question

我尝试了以下方法并获得了视口宽度：

document.documentElement.clientWidth

和

window.innerWidth

但是，我想要得到的是内容的宽度，包括溢出，例如，如果我在页面上有图像<img src=".." style="width: 4000px !important;" /> <img src=".." style="width: 4000px !important;" /> 。 换句话说，整个可滚动宽度。 我该怎么做？

Answer 1

对主体scrollWidth docs使用scrollWidth 。 另外，请不要使用!important 。 仅将其用作最后的手段

 console.log(document.body.scrollWidth) 

  <img src="https://via.placeholder.com/150" style="width: 4000px;" /> 

Answer 2

您可以使用Element.offsetWidth

document.documentElement.offsetWidth

您可以在此处阅读有关offsetWidth的更多信息