当前位置: 首页 > 面试题库 >

使用JavaScript获取CSS值

陈琪
2023-03-14
问题内容

我知道我可以通过JavaScript 设置 CSS值,例如:

document.getElementById('image_1').style.top = '100px';

但是,我可以获得当前的特定样式值吗?我已经读到了可以获取元素整个样式的地方,但是如果不需要的话,我不想解析整个字符串。


问题答案:

你可以使用getComputedStyle()。

var element = document.getElementById('image_1'),
    style = window.getComputedStyle(element),
    top = style.getPropertyValue('top');


 类似资料:
  • 问题内容: 如果样式所引用的元素尚未生成,是否可以从页面的外部CSS获取值?(该元素将动态生成)。 我见过的jQuery方法是,但这依赖于页面上。有没有办法找出CSS中属性设置为什么,而不是元素的计算样式? 我是否需要做一些丑陋的事情,例如在页面上添加元素的隐藏副本,以便可以访问其样式属性? 问题答案: 使用jQuery: 直接使用DOM: 注意: 在这两种情况下,如果要加载外部样式表,都将等待它

  • 问题内容: 是否可以使用JavaScript获取CSS引用的背景图片的实际大小(以像素为单位的宽度和高度)? 问题答案: 是的,我会这样做… 一些注意事项… 我们需要删除JavaScript返回的部分以获取正确的图像源。如果元素具有多个背景图像,我们需要分割。 我们创建一个新对象并将其设置为新图像。 然后,我们可以读取宽度和高度。 jQuery可能不会让您头痛不已。

  • 我想用JavaScript获取5天的天气预报。当我执行下面的代码时,我得到<code>类型错误:无法读取未定义to我获得当前天气,没有错误。为什么预测在我的情况下不起作用?我遗漏了什么吗? JavaScript(我想

  • 问题内容: 我想返回一个包含CSS规则所有内容的字符串,就像您在嵌入式样式中看到的格式一样。我希望能够在不知道特定规则中包含什么的情况下执行此操作,因此我不能仅通过样式名称(如等)将它们拉出。 CSS: 到目前为止的代码: 问题答案: 以scunliffe的答案为基础:

  • 问题内容: 这是使用jQuery获取一个CSS属性的方法: 您如何全部获得?(无需指定,最好采用以下格式,以便以后可以在jQuery中重新应用): 谢谢!! 编辑 我尝试获取的方法在样式表中声明(它们不是内联的)。抱歉,未指定。 问题答案: 使用jQuery属性选择器查看此实时示例

  • 问题内容: 在某些元素具有自定义CSS属性的应用程序中,是否可以通过JavaScript检索此类值? 例如 我可以通过以下两种方法访问color属性: 但是这些不适用于自定义属性。完全支持吗? 问题答案: 浏览器无法理解的CSS值将被丢弃,这说明了为什么无法通过来获取CSS值。 过去,您不得不依靠存储具有数据属性的数据并自己通过JavaScript处理继承。 但是,自此以来,“自定义属性”(也称为