如何获取html标签的“计算样式”值，然后将值设置为“样式”

Question

例如： Computed Style的值=＆gt;

#myLayer {position: absolute;width: 200px;height: 100px;color: #0000ff;}

HTML代码：

<div id='myLayer '></div>

我想要这样：

 <div id='myLayer ' style='  position: absolute;width: 200px;height: 100px;color: #0000ff;'></div>

Answer 1

如果计算样式的结果存储如下：

var style = "#myLayer {position: absolute;width: 200px;height: 100px;color: #0000ff;}"

您可以使用.cssText属性进行设置。您只需要删除选择器和括号。

style = style.slice(style.indexOf("{") + 1, style.lastIndexOf("}"));

document.getElementById("myLayer").style.cssText = style;