javascript - 如何在javascript中应用css？

Question

我有几个按钮是通过 javasript 中的循环制作的。

    var docFrag = document.createDocumentFragment();
    for (var i=0; i < 9 ; i++){ 
        var row = document.createElement("tr") 
        for (var j=0; j < 9 ; j++){ 
                var elem = document.createElement('input');
                elem.class = 'gumb';
                elem.style.color = 'purple';
                elem.type = 'button';
                elem.id = 'r'+i+'s'+j;
                elem.value = '';
                elem.innerHTML = elem.value; 
                docFrag.appendChild(elem); 
            } 
        document.body.appendChild(docFrag); 
        document.body.appendChild(row); 
    } 

我想将 css 应用于它们，但似乎没有任何效果。我elem.style使用按钮的类通过一个特殊的 style.css 文件尝试了它，但它不起作用，我不知道为什么。

标签： javascripthtmlcss

Answer 1

的用法elem.class是错误的。以下用法是有效的：

• elem.classList.add('gumb')
• elem.className = 'gumb'
• elem.setAttribute('class', 'gumb')