JS строгий режим: Почему (! Только) Край жалуются, назначая свойство стиля

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 делают создать элемент

<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 ('стиль', '')), все работало бы. Однако свойство - это объект - коллекция и действует по-разному. На этот раз Edge действительно прав.

How could I possibly find this out without asking here?

Вы можете читать и Google:

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