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

Question

示例：计算样式的值 =>

#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;