怎样才能使动态生成的表格能够按照css文件中的定义来显示表格样式？

html-css022

怎样才能使动态生成的表格能够按照css文件中的定义来显示表格样式？,第1张

不建议使用document.write()，因为你整个页面都会被覆盖，就只有document.write()所输出的代码了，包括head里的style。

推荐使用document.body.innerHTML += ""，参照我写的：

<html>

<head>

<style>

.table1{width:500px height:60px border:1px solid blue}

.table1 td{border:1px solid blue}

.td1{background-color:#ccc}

</style>

</head>

<body>

<script>

window.onload = function(){

document.body.innerHTML += "<table class=\"table1\"><tr><td class=\"td1\">left</td><td>right</td></tr><tr><td class=\"td1\">left</td><td>right</td></tr></table>"

}

</script>

</body>

</html>

这种完全没有必要用DIV+CSS呀 你不觉得这种用DIV+CSS很别扭吗？这种表单反而是表格最适合的，DIV+CSS在这用起来是很别扭的，用表哥实现 CSS控制表哥显示的方式 是最适合最这类表单的网页的。反而去用 DIV+CSS完全就是受那种全面抛弃表哥思想的影响。表格在这方面还是有用武之地的。