element.style[something]是什么

Question

在做一个小练习，目标是给目标DIV传参，然后改变样式

<input type="text" id="name" >

<input type="text" id="attr">

<input type="submit" id="btn">

<div id="mydiv"></div>

btn.addEventListener('click',function(){

    var CssName = document.getElementById('name').value

    var CssStyle = document.getElementById('attr').value

    mydiv.style[CssName] = CssStyle;

},false)

我想的写法是这样的，但是会没有效果，为什么这样的写法没有效果呢

mydiv.style.CssName = CssStyle;

这样的写法又是什么意思呢。。

mydiv.style[CssName] = CssStyle;