javascript - Javascript 对象 css 操作

Question

只是一个基本问题

我有一个对象，我正在尝试从中获取 css 属性。所以我想要的是这样的

var width = e.style.width;

我像 90% 确定宽度会变成一个字符串，但我又不太确定。我可以设置对象

e.style.width = 200;

所以它放置了我想要的 int 或 float 或 w/e 值，但不确定如何获得 css 样式。

谢谢

Answer 1

你应该使用如下

e.style.width = '80.2%';
e.style.width = '80.2em';

请参阅以下链接链接 1 链接 2

如果您尝试使用 javascript 获取宽度，那么您可以使用以下代码

parseFloat(e.style.width);

Answer 2

只需使用

parseFloat(e.style.width);

这将从值中去除“px”，并为您提供以像素为单位的实际值。

Answer 3

要获取对象宽度，您可以使用 clientWidth 或 offsetWidth 作为（两者都会返回一个整数）：

var width = e.clientWidth;

或者

var width = e.offsetWidth;

并设置对象宽度，您可以使用以下代码：

e.style.width = "200px";