Javascript 如何使CSS影响解释CSS后生成的DOM元素？_Javascript_Html_Css

Javascript 如何使CSS影响解释CSS后生成的DOM元素？

javascript html css

Javascript 如何使CSS影响解释CSS后生成的DOM元素？,javascript,html,css,Javascript,Html,Css,我有以下HTML代码： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="style.css" /> <title></title> </head> <body> <table id="m

我有以下HTML代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="style.css" />
    <title></title>
</head>
<body>
    <table id="myTable">
    </table>
<script src="jquery-1.11.2.js"></script>
<script src="logic.js"></script>
</body>
</html>

如您所见，文档有一个空表。该表的内容（行和列）由JavaScript代码生成，链接在文档末尾

当我打开文档时，CSS中描述的边框会出现在表格周围，但不会出现在生成的单元格之间

我假设这是因为CSS链接到文档开头的

，而生成行和列的JavaScript代码运行在文档末尾

我（想）我理解这个问题的原因，但我不知道如何解决这个问题。如何使CSS应用于文档中稍后生成的DOM元素？

您的代码没有问题。你在桌子周围放了一个边框。您可能希望在

td

上包含边框样式规则，以实现所需的结果

#myTable {
    table-layout    : fixed;
    border          : 1px solid black;
    border-collapse : collapse; /* Add this */
}

#myTable td {
    border : 1px solid black;
}

您需要更改

td

样式

#myTable {
    table-layout: fixed;
}

#myTable, #myTable td{
    border: solid 1px;
}

您的css正以正确的顺序正确应用。如前所述，您在css文件中要求在表格上添加边框。

可能是因为您可以在10秒内在Google上找到解决方案，因此没有显示任何研究成果。因此，您的单元格和表格边缘等没有并排边框。

#myTable {
    table-layout: fixed;
}

#myTable, #myTable td{
    border: solid 1px;
}