Javascript 将HTML元素作为表返回

使用以下代码向元素添加html表。我想在cell2、cell3、cell4和cell5周围添加一条细细的灰色边框。 我知道如何对一个普通的HTML表执行此操作，但不确定如何添加它以作为innerHTML返回

var table = document.createElement('table');
var row0 = table.insertRow(0);
var cell1 = row0.insertCell(0);
cell1.innerHTML = "My Table";

var row1 = table.insertRow(1);
var cell2 = row1.insertCell(0);
var cell3 = row1.insertCell(1);
cell2.innerHTML = "Id";
cell3.innerHTML = "1019201" + "</br>";

var row2 = table.insertRow(2);
var cell4 = row2.insertCell(0);
var cell5 = row2.insertCell(1);
cell4.innerHTML = "Name";
cell5.innerHTML = "John Doe" + "</br>";

return table.innerHTML;

var table=document.createElement（'table'）；
var row0=table.insertRow（0）；
var cell1=row0.insertCell（0）；
cell1.innerHTML=“我的表格”；
var row1=table.insertRow（1）；
var cell2=row1.insertCell（0）；
var cell3=row1.insertCell（1）；
cell2.innerHTML=“Id”；
cell3.innerHTML=“1019201”+”
”；
var row2=table.insertRow（2）；
var cell4=row2.insertCell（0）；
var cell5=row2.insertCell（1）；
cell4.innerHTML=“Name”；
cell5.innerHTML=“John Doe”+”
”；
return table.innerHTML；

您实际上并没有返回表，您只是返回表中的内容

return table.innerHTML;

innerHTML不包含包装它的

元素

如果返回该表，则可以附加它，而不是将HTML喷射到容器中

return table;

现在您有了一个表元素，可以将其附加到页面中

document.getElementById('myelem').appendChild(table);

这将解决拥挤问题，因为行不会从表中孤立出来

---

您可以使用CSS来设置所有样式-如果您需要帮助，请告诉我。

您可以尝试类似的方法

<script>


var table = document.createElement('table');
table.setAttribute('border', '5px solid black;');
var row0 = table.insertRow(0);
var cell1 = row0.insertCell(0);
cell1.innerHTML = "<center><b> <FONT COLOR='FF6600'> Feature Properties </FONT> </b> </center> </br>";

var row1 = table.insertRow(1);
var cell2 = row1.insertCell(0);
var cell3 = row1.insertCell(1);
cell2.innerHTML = "Id";
cell3.innerHTML = "1019201" + "</br>";

var row2 = table.insertRow(2);
var cell4 = row2.insertCell(0);
var cell5 = row2.insertCell(1);
cell4.innerHTML = "Name";
cell5.innerHTML = "John Doe" + "</br>";
var div = document.createElement('divTable');
div.appendChild(table);
document.write(div.innerHTML);

</script>

var table=document.createElement（'table'）；
table.setAttribute（'border'，'5px纯黑色；'）；
var row0=table.insertRow（0）；
var cell1=row0.insertCell（0）；
cell1.innerHTML=“功能属性
”；
var row1=table.insertRow（1）；
var cell2=row1.insertCell（0）；
var cell3=row1.insertCell（1）；
cell2.innerHTML=“Id”；
cell3.innerHTML=“1019201”+”
”；
var row2=table.insertRow（2）；
var cell4=row2.insertCell（0）；
var cell5=row2.insertCell（1）；
cell4.innerHTML=“Name”；
cell5.innerHTML=“John Doe”+”
”；
var div=document.createElement（'divTable'）；
子类（表）；
document.write（div.innerHTML）；

使用它的代码在哪里？