javascript - 如果没有在 JS 或 CSS 中的任何地方指定该属性，我如何找到 JS 样式属性的值？

Question

如果 JS 或 CSS 中的任何地方都没有指定该属性，我如何找到该属性的值？仅限 JS。请不要使用 JQuery 或其他库。

当我说属性没有被指定时，我的意思是我在我的代码中的任何地方都没有明确地给它一个值。例如，假设我有一个包含一些文本的 div 标签:

<div id="item" style="float:left;">This is just random text.</div>

那个 div 的 width 当然会因为里面的文字大于 0 像素，但是会小于 width 整行，因为它向左浮动。 div 的宽度足以容纳里面的所有文本，但我无法弄清楚 width 是什么，因为我从未指定过它。例如，试试这段代码:

alert(document.getElementById("item").style.width);

...将返回空字符串，因为从未指定宽度。有没有一种方法，在页面加载并呈现元素后，使用 JS div 的计算/演示/实际 width强>?

顺便说一句，我不妨让您知道，我正在尝试将其中几个容器(上面示例中的随机文本)隔开并居中放置在同一行上。我认为它们必须是 divs 因为我需要操纵 margin 属性来将它们隔开(这不能用 spans ).为了将 divs 强制放在同一行上，它们必须 float 。但问题是 float 元素不响应 center 标记或 CSS text-align 属性。因此，唯一剩下的使容器居中的方法是给它们的容器( super 容器)一个宽度并将它的CSS margin属性设置为自动。但我不知道将 super 容器的 宽度 设置为什么，因为内部容器中的文本会有所不同。所以我认为最好的做法是弄清楚每个内部容器的计算宽度是多少，然后将所有宽度加起来得到宽度 的 super 容器。但是，如果您发现这种思路存在缺陷，或者有更简单的方法，请随时指出。

欢迎所有建议。谢谢。

Answer 1

获取 div 宽度所需的全部是 divID.clientWidth，如下所示:

alert("Div Width: " + divID.clientWidth); 

这是一个demo .

希望这有帮助:)