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

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;