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

How can I get a html tags' Computed Style values ,then set the values to "style"

本文关键字：样式 然后 设置 计算 何获取 获取 标签 html      更新时间：2023-09-26

example：计算样式的值 =>

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

网页代码：

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

我想喜欢这个：

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

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

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;
相关文章：