通过js 控制 css的方法疑问

通过js获取到一个元素后，修改元素的style 可以修改样式，
但是要把 css 属性改为驼峰命名
比如 obj.style.backgroundColor

但是为什么 obj.style['background-color']也能起作用
在obj.style 中并没有 看见 像background-color 这样的属性呀

css对大小写不敏感，所以大写小写是一样的。

其实当我们这样去写的时候js并不是直接查找obj下面的这个对象然后去给它加样式的，js是先在obj下面创建这个对象然后再去用css渲染的
可以发现当我们如果这样写的时候

 <div id="miaov"></div>
<script>
    miaov.style.abc = '#f00';
    miaov.style['abcd'] = '#f00';
    console.log(miaov.style);
</script>

如上所述，css对大小写不敏感

只要基本语法对的就行，大小写没关系的

比较好奇的是 元素的 style 中 没有像 background-color 这样的属性，但是为什么 obj.style['background-color']也能起作用