title: Uncaught TypeError: Cannot set property style of #<HTMLElement> which has only a getter
body: <p>The following code fails in Chrome, Safari, works fine in Firefox</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>"use strict";
  document.body.style = "background-color: green;";</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;background should be green&lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Remove the "using strict" and it works.</p>
  
  <p>Is that a bug in Chrome and Safari or a bug in Firefox? <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style" rel="noreferrer">MDN says setting the <code>style</code> is valid</a>. </p>