Question

我制作了一个函数，可以轻松分配CSS样式。但是我的函数没有在函数中使用prop的第二个值。

我已经尽力了。

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

Answer 1

对于动态属性名称，您应该使用Bracket Notation。

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

注意：如果默认位置为top，则设置absolute将永远无效。下面是示例

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>

为什么我的功能不具有支撑价值？

1 个答案: