在 css 中设置固定大小并在 javascript 中使用它答案

【问题标题】：setting a fixed size in css and using it in javascript在 css 中设置固定大小并在 javascript 中使用它
【发布时间】：2014-10-24 09:16:15
【问题描述】：

我是 CSS 和 javascript 的新手，并试图查看其他消息，但我找不到我的问题的答案。

我想预先在 css 中设置我所有的部分大小，然后在 javascript 中使用这些部分。但是 .width 和 .height 属性 javascripts 使用的不是 .css 文件中的硬编码大小，而是元素在执行脚本的当前行的大小。

我的 html 部分如下所示：

       <div id="raw">
         <p id="add">Add a new data value</p>
         <p id="remove">Remove a data value</p>

        <script src = "javascripts/dynamic_bars.js"></script>

       </div>

CSS 部分如下所示：

#raw{ 位置：相对；向左飘浮;宽度：100%；最小高度：80% ;}

在 dynamic_bars.js 中，我尝试获取原始 ID 元素的宽度：

var h = document.getElementById('raw').scrollHeight;

console.log(h);

var w = ($(this).width() * 0.8);
var h = ($(this).height() / 3) ;

scrollHeight 只是我添加和删除文本（

元素）的高度

$this.height 有效，但这是整个屏幕的高度，而不是我的原始元素的高度。

如果我使用 DOM 检查器，我可以看到我的原始部分的高度确实是其父部分的 80%。但是当 javascript 运行时（在 raw 部分创建 svg 元素），它只有之前添加的

元素的大小。

有没有办法在 javascript 中获取 CSS 的 min-height 属性？？

【问题讨论】：

标签： javascript css size

【解决方案1】：

您可以使用.css() 返回任何属性值。例如

$(this).css('min-height')

将返回 min-height 属性的值

【讨论】：

这确实适用于像素 (px)，但似乎不适用于 %。一开始，高度 % 根本不起作用，直到我为所有原始 id 父母设置了 height 属性。当我使用像素作为高度时，这是不需要的。我认为 CSS 在使用 % 时还不知道实际大小，直到呈现整个页面（！？）

【解决方案2】：

使用 .css() 功能。

例如：

$("#raw").css("height");

在这种情况下，如果您在 css 中将 height 属性设置为 100 px，javascript 也会得到 100 px。

【讨论】：

这确实适用于像素 (px)，但似乎不适用于 %。