javascript - 使用普通 JavaScript 获取内容的宽度,而不是视口(viewport)

标签 javascript html css

我尝试了以下方法并获得了视口(viewport)宽度:

document.documentElement.clientWidth

window.innerWidth

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

最佳答案

对正文使用scrollWidth scrollWidth docs .另外请不要使用 !important 。仅将其用作最后手段

console.log(document.body.scrollWidth)
 <img src="https://via.placeholder.com/150" style="width: 4000px;" />

关于javascript - 使用普通 JavaScript 获取内容的宽度,而不是视口(viewport),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56111211/

相关文章:

javascript - Angular Material : Hide Autocomplete Panel when User hits enter Key

javascript - 为什么我的图像不会出现在 Canvas 上?

javascript - JavaFX : Does WebView support geolocation?

html - CSS:从父级撤销透明颜色

javascript - 根据窗口宽度更改javascript

html - 使 flex 元素成为其文本的宽度

html - 即使窗口调整大小,div 也会包装内容

CSS 底部边距问题

javascript - 如何在文本区域为空时删除元素?

javascript - Vue.js - 双花括号( mustache )语法不起作用/渲染到页面