是否可以使用javascript或jquery遍历div的样式属性？

Question

正如标题所说,我想知道是否可以使用javascript或jquery遍历div的样式属性.我想要做的是遍历样式并创建一个包含这些样式名称和值的对象.

这是我想要做的一个例子:

alert($('#mydiv').attr('style'));

给出以下内容:

background-color: #CCCCCC; border-width: 2px; border-style: solid; width: 250px;

我想创建一个如下所示的对象:

{"background-color":"#CCCCCC","border-width":"2px","border-style":"solid","width":"250px"}

我无法弄清楚这是通过循环样式是否可以实现,或者我是否必须使用类似于下面的代码自己创建对象:

var style = {};

style['width'] = $('#mydiv').css('width');

任何意见的输入将不胜感激.

Answer 1

这样做你想要的吗？

var parts = style.split(";")
var obj = {}
for (var i=0;i<parts.length;i++) {
  var subParts = parts[i].split(':');
  obj[subParts[0]]=subParts[1];
}