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;