通过DOM移除HTML表的可见网格

Remove visible grid of HTML Table through DOM

本文关键字:网格 DOM 移除 HTML 通过      更新时间:2024-05-06

我目前正试图通过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,因此导致了此问题的发生。

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