title: How to pass background:url dynamically using javascript to css?
body: <p>See the css below and I would like to change the "background:url" part dynamically using javascript.</p>
  
  <pre><code>div{
      background: url('pinkFlower.jpg') no-repeat fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      width:100vw;
      height:100vh;
      top:0;
      left:0;
      float:left;
  }
  </code></pre>
  
  <p>I tried the same by passing below javascript</p>
  
  <pre><code>document.querySelector('div').style.background= "url('pinkFlower.jpg') no-repeat fixed";
  </code></pre>
  
  <p>and this results against my purpose of the original css.</p>
  
  <p>Can someone help me fixing this? </p>
  
  <p>Thanks in advance.</p>