css 部分编辑元素的内联样式属性

a64a0gku  于 2023-01-22  发布在  其他
关注(0)|答案(1)|浏览(122)

它目前是这样工作的:

var ball = document.getElementById('ball');
//some code
let bml = parseInt(ball.style.marginLeft,10);
//if *conditional statement* is true, do:
ball.setAttribute("style","margin-left:"+(bml-4)+"px;");

但我正试着通过写这篇文章来实现它:

ball.style['marginLeft']=bml-4;

只不过结果不一样。
我在网上看到过使用这个方法动态编辑属性值的例子,但是他们似乎总是使用预先计算好的值,比如“400px”,而从来没有像我的例子那样使用变量,这是为什么呢?

jrcvhitl

jrcvhitl1#

必须使用字符串值设置样式属性,如以下链接中所述:https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style#setting_styles
因此,可以使用String Literal动态设置样式值:

ball.style['marginLeft']=`${bml-4}px`;

相关问题