Question

在互联网上进行一些研究后，我发现你可以使用.classname将你的CSS类添加到新创建的行中：

<tr id="producttablerow" 
    onClick='
        var table = document.getElementById("cardtable");
        var row = table.insertRow(-1);

        var cell1 = row.insertCell(0);
        cell1.className ="cardlefttd";
        var cell2 = row.insertCell(1);
        cell2.className ="cardcentretd";
        var cell3 = row.insertCell(2);
        cell3.className ="cardrighttd";

        cell1.innerHTML = "NEW CELL1";
        cell2.innerHTML = "NEW CELL2";              
        cell3.innerHTML = "NEW CELL3";
'>

但是当我在我的网站上运行时，我可以看到没有应用样式，但是在网站的静态部分应用了样式，所以我的css工作正常，我猜问题是在上面的javascript部分，我怀疑这句话是否正确：

        cell3.className ="cardrighttd";

onClick工作正常，我已经通过警报尝试了。谢谢！

Answer 1

从上面的评论中，只是解释点修复它的原因。

在css中，＃用于引用id。
一个类由点

javascript正在添加类而不是ID。

如果在页面上的多个元素上使用，则应使用类而不是id。只有在您希望代码验证时，才应使用id来引用单个项目。

Javascript不会在动态表上应用css样式

1 个答案: