问题标签 [offsetwidth]

我正在尝试获取变量中类的偏移值。当我直接打印变量的值时，它会显示该值。但是当我将 .top 添加到该变量时，它表明该变量是未定义的。

这是示例

当我检查控制台时，它显示

但是当我在上面的代码中添加 top

它表明偏移变量未定义。我应该在这里做什么？

我有一个 JS 函数可以获取页面上 div 的宽度：

该函数在页面加载之前不会运行：

并且 div 在 CSS 中定义为百分比，最大宽度为 900px，这就是输出应该是什么。但相反，我收到了这个警报：

我四处寻找答案，但看起来这应该可行。它不工作的任何原因？

谁能告诉我 Javascript 方法“offsetleft”、“offsettop”、“offsetwidth”和“offsetheight”如何在 IE 中工作？我们如何才能让它们在 IE 中正常工作？请告诉我一个合适的功能。

提前致谢 ！

这是我的代码......它在 IE 中给出了不同的结果。

有人可以列出组成的属性offsetwidth吗？

此外，我需要计算 offsetwidth 以通过 javascript 检索所有这些属性并将它们相加。所有这些属性的总和必须等于offsetwidth。

代码需要兼容IE7。

任何帮助将不胜感激。谢谢！

我有两个div。#divA 和 #divB。

#divA 的宽度为 100%，我想获取 div 的 px 值并将其应用于 #divB，因为它是 CSS 的高度。我试过使用 .offsetWidth 但无济于事。有谁能够帮助我？

我正在尝试在网页上制作一种“新闻栏”。该栏使用 CSS 动画，文本内容在每次迭代时刷新，使用 ajax 从 RSS 提要中检索数据。

我的问题是内容长度可能会有所不同，所以我想将用于显示文本的字体大小设置为足够小以显示所有内容。

然后我使用这个函数来调整文本内容的大小：

function resize(content /*content div*/, maxHeight/*bar height*/, maxWidth /*bar width*/) { content.parentNode.style.fontSize = maxHeight + 'px'; var totalwidth = content.offsetWidth; if (totalwidth > maxWidth) { content.parentNode.style.fontSize = (maxHeight * maxWidth / totalwidth) + 'px'; } }

它有时在第一次迭代时有效，但在它为 totalWidth 返回完全错误的值（如 36）之后。如果我在“if”行设置断点，调试器会为 content.offsetWidth 显示一个一致的值（如 4320）。

我怎样才能解决这个问题 ？

我最近遇到了三星 Galaxy Note 2 的媒体查询问题。规范说它是 720x1280，像素比率为 2。

我有一个宽度为 100% 的 div 并且 .offsetWidth 返回为 541。

任何人都可以解释一下吗？

谢谢，大卫

我有一个用于默认属性的链接 css 文件，另一个用于在 wiewport 更改时它会更改的消息。在 JS 脚本的最后，我将元素的 offsetWidth 放入全局值 NavW。所以 JS 似乎返回了错误的值，它不仅在 dom 中计算，而且基于第一个默认 css 属性而不是新属性。但是，目标元素正确呈现。请注意，条件中的值 '2' 是因为存在一个不是 css 文件而是图标的 Link 元素。

我在我的 javascript (coffeescript) 文件中使用以下代码：

在谷歌浏览器中，这将返回嵌套在 a (anchor) 元素内的文本元素的宽度，该元素嵌套在 svg 元素内，正如预期的那样。在 Firefox 中，这将返回 NULL。我想也许我的选择器语法不符合 Mozilla 的标准，所以我也尝试过，但即使我可以正确选择 DOM 元素（如控制台输出的那样），我也无法检索任何属性 offsetWidth; 它总是会以未定义的形式返回。

现在，以防万一，我的 SVG 对象通过一些 Javascript 动态注入到我的页面中。它直接放置在 div 的主体中并包含在<svg>and</svg>标签中。

是什么赋予了？如何确定这些元素的宽度？

谢谢！

我开始使用 vanilla JavaScript 开发一个简单的进度条。至于在 CSS 中设置宽度，我发现 JS 的唯一方法是使用.offsetWidth- 以下是我开始设置的功能演示的代码。小提琴链接位于问题的底部。

HTML：

CSS：

JavaScript（加载）：

在测试它以查看它是否准确地抓住了属性时，我注意到当宽度设置为5px它时返回6px。其他一切似乎都很好。4 像素 = 4 像素，6 像素 = 6 像素。

我很好奇是否有人知道为什么会这样？它足够小，不会影响我正在尝试做的事情，但你知道的越多，你就会越好。

小提琴：http : //jsfiddle.net/5yk9e5du/