why is my function not taking prop value?

Question

I have made a function to assign css style easily. but my function is not taking second value of prop in function.

I have tried everything I know.

<div id="obj"></div>
<script>
let obj=document.getElementById('obj');
animate=(element,prop,value)=>element.style.prop=value+'px';
animate(obj,'top',100);
</script>

Tacking on a string after a period doesn't make sense. – John Coleman Mar 30 '19 at 12:23 — John Coleman, Mar 30 '19 at 12:23

Maheer Ali · Accepted Answer · 2019-03-30T12:29:23.107

You should use Bracket Notation for dynamic property names.

animate = (element,prop,value) => element.style[prop] = value + 'px';

Note:setting top will never work if the position is default to check set it absolute. Below is example

let obj=document.getElementById('obj');
animate=(element,prop,value)=>element.style[prop]=value+'px';
animate(obj,'top',100);

#obj{
  position:absolute;
}

<div id="obj">Something</div>

why is my function not taking prop value?

1 Answers1