JS strictモード：スタイルプロパティ

Question

を割り当てるときに、なぜ（！のみ）エッジが文句を言うんは

次のコードを考えてみましょう

"use strict"; 
var el = document.createElement('div'); 
el.className = 'bluebox'; 
el.style = 'background:blue; width:100px; height: 100px'; 
document.getElementsByTagName('body')[0].appendChild(el) 

のFirefoxとChromeは、Element

<div class="yolo" style="background: blue none repeat scroll 0% 0%; width: 100px; height: 100px;"> 

を作成しません。しかしエッジがスローされますエラー：

Assignment to read-only properties is not allowed in strict mode 

何が起こっているのですか？スタイル属性は実際には読み取り専用で、FFとChromeは正しく動作しませんか、Edgeに厳密モードの別のコンセプトがありますか？ここで尋ねることなく、どうやってこれを見つけることができますか？

Answer 1

What is happening here?

あなたは間違ってプロパティコレクションを割り当てようとしました。

Is the style attribute actually read-only and FF and Chrome behave incorrectly or do has Edge another concept of strict mode or...?

いいえ、属性（setAttribute（ 'style'、 ''））を設定すると、すべてが機能していました。しかし、プロパティはオブジェクトです - コレクションと異なる動作します。だから、今回はEdgeが実際には正解です。

How could I possibly find this out without asking here?

あなたが読んで、グーグルができます

https://www.w3.org/wiki/Dynamic_style_-_manipulating_CSS_with_JavaScript https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style

Exmaples：

elt.style.cssText = "color: blue"; // Multiple style properties 

elt.setAttribute("style", "color: blue"); // Multiple style properties 

elt.style.color = "blue"; // Directly 

var st = elt.style; 
st.color = "blue"; // Indirectly