How to change div background-image with linear-gradient from Javascript [duplicate]

Question

I need to change div background-image with linear-gradient from Javascript Please try to correct below codings:

<script>
function abc1(){
    var pos = document.getElementById("test");
    pos.style.background-image="linear-gradient(to right,  
    #85e085 0%,
    #85e085 90%,
    #ff9999 0%,
    #ff9999 10%);";
}
</script>
<body>
<div id="test" style="background-image: linear-gradient(to right,  
    #85e085 0%,
    #85e085 50%,
    #ff9999 0%,
    #ff9999 50%); width:200px;">dsfhdh2346346</div>

<input type=button value="CHANGE" onClick="abc1();">
</body>

Try pos.style.backgroundImage - notice the camel casing, changing background-image to backgroundImage — StudioTime
– StudioTime, Commented May 20, 2021 at 6:36

Simone Rossaini · Accepted Answer · 2021-05-20 06:39:54Z

0

Please try this.

function abc1() {
    var pos = document.getElementById("test");
    pos.style.background="linear-gradient(to right, #85e085 90%, #ff9999 10%)";
}

<div 
  id="test"
    style="background: linear-gradient(to right,  
    #85e085 50%,
    #ff9999 50%); width:200px;"
  >
    dsfhdh2346346
  </div>
  <input type="button" value="CHANGE" onClick="abc1()" />

edited May 20, 2021 at 6:39

Simone Rossaini

8,1461 gold badge16 silver badges36 bronze badges

answered May 20, 2021 at 6:36

zx01

5816 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to change div background-image with linear-gradient from Javascript [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related