Javascript can'；t在js生成的表中设置td宽度

我正在生成一个简单的html表，希望在同一行中有不同宽度的列。但是，当我尝试使用像素或%设置宽度时，显示没有变化。此外，添加的第一列（“td”元素）总是比后面添加的其他列宽得多。我尝试在创建元素之后和作为子节点追加元素之前设置宽度，以及仅在作为子节点追加元素之后设置宽度。以下是我尝试过的一个例子：

                    var tr = document.createElement('TR');
                    tr.style.margin = "50px"

                    //scoring column
                    var td0 = document.createElement('TD')
                    td0.style.padding = '1em'
                    td0.style.width = '2px'

                    var tr11 = document.createElement('TR');
                    tr11.style.margin = "50px"
                    tr11.innerHTML ="score: " +  ascore_array[i + offset];

                    var tr22 = document.createElement('TR');
                    tr22.style.margin = "50px"
                    tr22.innerHTML ="num votes: " +  anumVotes_array[i + offset];

                    td0.appendChild(tr11)
                    td0.appendChild(tr22)


                    //answer column
                    var td1 = document.createElement('TD')
                    td1.style.padding = "1em"
                    td1.innerHTML =   auser_array[i + offset]

                    tr.appendChild(td0)
                    td0.style.width = "20%"
                    tr.appendChild(td1)
                    td1.style.width = "30%"

正如您在上面的代码中所看到的，我尝试将px和%作为宽度单位。我还尝试在将元素设置为子节点之前和之后设置宽度。我的代码没有变化。此外，我正在使用css模板，但它们只为我的表元素设置默认背景色。css中没有任何规则td元素大小。我还尝试在td元素中调整tr元素的大小，但这也没有效果

我正在使用Chrome作为我的浏览器

---

我做错了什么？我该如何修复它？

也许这可以帮助你

var cell = document.createElement('td');
parent.appendChild(cell);
cell.style.width = '200px';

这是我在哪里找到它的问题

---

好的，我想我知道问题出在哪里了。根

和

之间有一个

和一个

在下面的

中覆盖您的样式。您的表元素在哪里？您能发布输出的HTML代码吗？@atmd我上面发布的内容在for循环中。table元素在for循环之前打开，在for循环之后关闭。@Fawn检查chromedev工具中的Elements选项卡。当您动态更新table@cspete非常感谢你！在您告诉我这个特性之后，我看到有一个命令进一步设置了表的列宽。很抱歉打扰您，我真的很感谢您的帮助。@Fawn在我发布这篇文章之后，我看到了您的评论！很高兴你把它整理好了