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

在互联网上进行了一些研究之后，我发现您可以将CSS类添加到一个新创建的行中，其中包含.classname:

<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";
'>

onClick很好用，我试过提醒一下。

---

谢谢

从你上面的评论中，解释一下为什么dot会修改它

在css中，a用于引用id。 类由点引用 javascript正在添加类而不是ID

---

如果在一个页面上的多个元素上使用，则应使用类而不是id。只有在希望代码验证的情况下，id才应用于引用单个项。

我认为echo不是js。我只是添加了一个L，您的代码可以工作。这似乎对我有用：我认为这是编写代码最糟糕的方式。编写一个单独的函数并将其附加到click事件中。这是因为它不创建css类，而是创建css-ID。您可以在JS中使用obj.ID而不是obj.className

        cell3.className ="cardrighttd";