将多个css规则分配给javascript中的元素

Question

这里有几行java脚本代码动态创建div元素.但我怀疑是在创建该元素之后,是否有任何快捷方式来分配多个css规则而不是一次又一次地输入(container.style).

<script>
    (function(){
        window.onload = function(){
            var container = document.createElement('div');
            container.style.width = '500px';
            container.style.height = '200px';
            container.style.backgroundColor = 'red';
            container.style.margin = '0 auto';

            document.body.appendChild(container);
        }
    }());
</script>

Answer 1

使用CSS类并将该类分配给元素:

.MyClass {
   width: 500px;
   height: 200px;
   background-color: red;
   margin: 0 auto;
}

然后 container.className = "MyClass";