在学习js的时候，经常遇到这种通过js为元素设置css样式的形式elem.style.backgroundColor = 'blue'（1），但是，决定更详细地研究一下，我发现了另外两种设置样式的方法：
elem.style['background-color'] = 'blue'(2)elem.style.setProperty('background-color','blue')(3)
第二个具有出色的浏览器支持：
但是在 100 篇教程中的 99 篇中，他们只写了关于通过点进行更改的内容 (1)。
总的来说，问题是为什么（1）设置样式的方式如此受欢迎，如果（2）和（3）更方便（结果不是每个人都适合）？
(1)和(2)、(3)方法几乎没有区别。在 (2) 和 (3) 中，您可以传递一个变量：
var side = 'right'; elem.style['margin-' + side] = '5px';以及一些个人喜好。
在（1）、（2）和（3）之间，还有一个小的区别：
style.setProperty(propertyName, value, priority);您可以通过将字符串传递给函数来将第三个参数传递给函数
important，我们得到!important内联样式