如何在纯javascript中获取css属性值

How to get css property value in pure javascript

本文关键字：获取 css 属性 javascript      更新时间：2023-09-26

我想得到一个元素的宽度（百分比）。我使用下面的函数来获取样式，但它给出了以像素为单位的值。这里的变量样式可以是任何css属性，如宽度、高度等。

this.getStyle = function(style) {
    var elementStyle = window.getComputedStyle(that.element);
    var value = elementName.getPropertyValue(style);
    return value;
}

似乎您正在寻找

that.element.style.width
that.element.style.height
etc

我认为你总是得到像素，而不是%width。原因是当对象渲染时，它总是根据我们给定的%设置物理宽度，这可以通过dom进行验证。Javascript使用DOM(Document Object Model)，而jQuery您可以通过document.getready()使用Dom以及加载前属性。

如上所述，您可以获得属性，但以像素为单位。

document.getElementById('yourdivname').element.style.width

或

div2 = document.getElementById('div2');
alert("Width of div2 with style = " + div2.style.width);

使用jQuery 获取html元素的宽度（百分比%）

这很有趣：

  1. 是否可以使用jQuery根据开发人员使用CSS指定的内容，以百分比或像素为单位获取元素的宽度？

  2. http://www.lucemorker.com/blog/javascript-vs-jquery-quick-overview-and-comparison

$（document）.ready是在HTML之后触发的jQuery事件文档已加载vs onload是一个内置的DOM事件在加载完所有内容后触发。所以准备好的活动通常在onload事件之前激发，允许执行代码在不必等待所有资产全部到位的情况下尽早加载

有关更多详细信息：-单击此链接。

你试过这样的东西吗：

var width = (100 * parseFloat($('.largeField').css('width')) / parseFloat($('.largeField').parent().css('width')) ) + '%';
相关文章：