javascript - clientWidth "lying",无法确定元素的实际宽度

标签 javascript html dom

<div style="width: 50px;">
  <div id="theElement" style="position: relative; left 25px;">textMuchLongerThan50[</div>
</div>

document.getElementById("theElement").clientWidth 总是返回 50,这是父元素的宽度,但很明显元素的内容要宽得多

(元素本身实际上有这个宽度,但我需要知道它的“自然”宽度,即其内容的宽度。)

在 Chrome 和 IE 中遇到此行为。如果有人知道如何确定位于另一个具有预设/有限宽度的 DIV 中的相对定位 DIV 的实际尺寸...?

最佳答案

您对scrollWidth感兴趣: Example

关于javascript - clientWidth "lying",无法确定元素的实际宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7728373/

相关文章:

php - 从数据库表中获取值到选择框中

javascript - 顶部导航菜单下拉菜单隐藏在网页内容下方,我想在不同的屏幕尺寸上固定内容位置

javascript - 分层创建 DOM

java - 如何在没有标签的情况下选择 HTML 标签中的文本(JSoup)

php - 来自数据库的动态样条 Highcharts

javascript - Angular - 脚本加载顺序

javascript - 切换多个 div 对的可见性?

javascript - jQuery ("checked", true) 有效,然后无效?

html - rails 4 : Change 'name' attribute of Simple Form input

javascript - 将 SVG 附加到 DOM 不起作用 - 重新加载 Assets 管道?