Javascript 通过DOM删除HTML表的可见网格

我目前正试图通过DOM代码删除一个简单表的边框。 我在互联网上找到的解决方案都不起作用：

var table = document.createElement("table");
... Add elements into table ...
table.style.borderCollapse = "collapse";
table.style.border = "none";
table.style.outline = "none";
table.style.cellPadding = "0";
table.style.cellSpacing = "0";
... for each cell in the table ...
    var td = ...
    td.style.cellPadding = "0";
    td.style.cellSpacing = "0";

而且，即使它可以工作，我也不喜欢这个解决方案，因为我实际上想在单元格上添加填充和间距，我只想删除可见的网格。（在我的例子中，我使用一个表来“排序”/“设置位置”不同元素）

---

那么，如何删除这些边框，是否可以不删除填充和间距？

尝试使用以下属性：表格边框

1=上的单元格边框
0=单元格边框关闭

---

我检查了所有包含的文件，注意到一个外部JavaScript文件将所有表的边框默认设置为1，从而导致出现此问题

---

通过删除依赖项，边界也会被删除。我不明白的是，为什么我的代码没有覆盖“border”行…

表或/和td或/和th{border:none；}最终border:none！重要的；你试过这些吗？也许你的边框是一个方框阴影或背景？你没有足够的代码tell@GCyrillus尝试过这些，我唯一的其他风格的桌子是“位置”，“顶部”和“宽度”。不幸的是，这不起作用。你能在JSFIDLE中复制它吗？@Joshburges奇怪的是，默认情况下JSFIDLE表上没有任何边界…我认为.style正在妨碍。。。我想您需要table.border=“0”也尝试过了，border仍然保留。。。这很奇怪：(