在js中修改以下代码中表格样式，在table中增加分界线和每段文字之间距离 代码：var popup = document.createElement('div'); table.style.borderCollapse = 'collapse'; var tableHead = '<tr><th>映射对象id</th><th>映射对象类型</th><th>映射对象名称</th><th>操作</th></tr>'; let tableBody = '' for (let i = 0; i < dom.tableData.length; i++) { const obj = dom.tableData[i] tableBody = tableBody + '<tr><td>'+ obj.dataId +'</td><td>'+ obj.type +'</td><td>'+ obj.dataName +'</td><td><button class="info-btn" data-name="张三" data-age="20" data-gender="男">查看</button></td></tr>' } thead.innerHTML = tableHead; tbody.innerHTML = tableBody;

可以在js中增加如下代码来实现表格中分界线和每段文字之间的距离：

table.style.borderCollapse = 'collapse';
table.style.borderSpacing = '0';

修改后的代码如下：

var popup = document.createElement('div');
table.style.borderCollapse = 'collapse';
table.style.borderSpacing = '0';
var tableHead = '<tr><th>映射对象id</th><th>映射对象类型</th><th>映射对象名称</th><th>操作</th></tr>';
let tableBody = ''
for (let i = 0; i < dom.tableData.length; i++) {
  const obj = dom.tableData[i]
  tableBody = tableBody + '<tr><td>'+ obj.dataId +'</td><td>'+ obj.type +'</td><td>'+ obj.dataName +'</td><td><button class="info-btn" data-name="张三" data-age="20" data-gender="男">查看</button></td></tr>'
}
thead.innerHTML = tableHead;
tbody.innerHTML = tableBody;

这样就可以在表格中增加分界线和每段文字之间的距离了。