【问题标题】:can a javascript get the value of the div width from a css filejavascript可以从css文件中获取div宽度的值吗
【发布时间】:2010-06-23 15:53:56
【问题描述】:

javascript 能否从 css 文件中获取 div 宽度的值,

如果是,那么请告诉我如何:)

【问题讨论】:

  • 我不明白你在问什么。 “来自 CSS 文件”是什么意思?为什么不直接在 DOM 中查询div 的实际宽度?
  • 因为我想改变不同模板中div的宽度
  • 看起来你想获得 computed 样式,见:stackoverflow.com/questions/2531737/…

标签: javascript


【解决方案1】:

CSS 文件告诉设置什么。 DOM(文档对象模型)拥有当前的文档。

var mydiv = document.getElementById("mydiv");
var curr_width = parseInt(mydiv.style.width); // removes the "px" at the end

假设您有一个 id="mydiv" 的 div

edit1:还有这些:

document.getElementById("mydiv").clientWidth;
document.getElementById("mydiv").offsetWidth;

Edit2:只是因为它可能会出现:offsetWidth 将包括任何边框的宽度、水平填充、垂直滚动条宽度等。

【讨论】:

  • 页面上可能没有出现div。因此,问题的作者可以创建具有所需属性的 dom 元素(对于 css);计算宽度;移除 dom 元素。
【解决方案2】:

您可能正在寻找与存储在document.styleSheets 属性中的StyleSheetList 对象关联的一些方法/属性。

见:

http://www.javascriptkit.com/domref/stylesheet.shtml

【讨论】:

    猜你喜欢
    • 2013-05-02
    • 1970-01-01
    • 2013-05-04
    • 2016-07-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多