JS中操作HTML页面的两种方法

在大部分情况下，我们都习惯用第一种方法：

这种方法在点号后面是style的属性值的时候，都不会出错，也就是说，这种形式的操作是默认点号后面是样式的一种属性

那么，当点号后面不是样式的一种属性，而是函数传参进来的一个变量怎么办，比如一下这种操作：

在这里这么写是无法得到正确的结果的，因为浏览器还是会把name看作是样式的属性之一，但是这并不是样式的属性，所以导致修改样式不成功，这个时候就要用到第二种方法了：

用方括号的形式可以很好的解决这个问题，也就是说，当你是在函数的内部接受一个函数来改变样式的时候，这个时候样式的属性名字是个不确定的变量名时，需要用方括号来操作样式。