Question

页面加载好后js写入页面一个表格，怎么让css样式起作用

我的页面中有一个表格，这个表格是$(document).ready(function()给写进去的，本来没有，我现在定义了一个css样式，怎么让这个css对这个表格起作用呢？

Answer 1

你在用js创建表格的时候给这个表格添加一个id或者一个class，然后利用这个id或者class来定义你的表格样式，另一种方法你也可以把表格创建在一个div中，比如<div class="div1">用js插入的表格放在这</div>，然后.div1 table {样式},这样利用父级的class或id名来定义也可以。

追问

我是在文件head中定义的

table,tr,td

{

}

这样不是本页面所有table都应用了么

追答

是的，不过要是这样你的页面还需要添加另外的table表格也同样会引用这样的样式，这样不方便你后期代码的维护。为了代码能更好的维护修改，一般情况下是不会全局定义这样一个样式的，要是全局通用的样式一般都会定义成一个class样式，需要用到的时候就引用。这样的效果会更好

追问

但是我刚开始就是用的这个，不起作用的
我的js是个外部js文件，在整个页面加载完成之后才新造了一个table，插入到了页面中的一个div里，是不是css在页面加载之后就不动了

追答

你把css引用进去之后，它就存在你的页面中了，然后你页面中用到了那个css它就会自动执行了的

追问

可能我加了css之后没重新部署，tomcat又给我抽风不自动部署了，等我再试试，哎，该睡觉了，一夜没睡了，哭

追答

苦逼的程序猿。。。。。测试的时候也会有可能是浏览器缓存的问题，我就经常这样，布局乱了用查找器查看一下样式有没有引进来再捉急

Answer 2

在$(document).ready(function())中写表格的时候给个class，就可以使用css中的样式了

Answer 3

$("#ididid").append("<table><tr><td>fasdfasdf啊手动阀手动发三的发</td></tr></table>");
<div id="ididid"></div>
table tr td {
color:red;
}
经测试可以起作用