本文目录一览：
- 1、页面加载好后js写入页面一个表格，怎么让css样式起作用
- 2、用js怎么建表格？
- 3、js css 绘制表格，控制表格位置？
- 4、怎么用js做一个表格
页面加载好后js写入页面一个表格，怎么让css样式起作用
你在用js创建表格的时候给这个表格添加一个id或者一个class，然后利用这个id或者class来定义你的表格样式，另一种方法你也可以把表格创建在一个div中，比如div class="div1"用js插入的表格放在这/div，然后.div1 table {样式},这样利用父级的class或id名来定义也可以。
用js怎么建表格？
input type="button" value="创建一个新表格" onclick="createTable(800,8,5)" /
script type="text/javascript"
function createTable(width,rows,cells)
{
//创建一个表格对象
var mytable=document.createElement("table");
mytable.cellSpacing="1px";
//创建一个表头对象
var mythead=document.createElement("thead");
for(a=0;a1;a++)
{
var myrow=document.createElement("tr");
for(b=0;bcells;b++)
{
var mytd=document.createElement("td");
mytd.innerHTML="表 头 " +(b+1);
mytd.style.cssText="text-align:center;";
myrow.appendChild(mytd);
}
mythead.appendChild(myrow);
}
//创建一个表体对象
var mytbody=document.createElement("tbody");
for(i=0;irows;i++)
{
var myrow=document.createElement("tr");
for(j=0;jcells;j++)
{
var mytd=document.createElement("td");
mytd.style.backgroundColor="#fff";
mytd.innerHTML="第"+(i+1)+"行第"+(j+1)+"列";
myrow.appendChild(mytd);
}
mytbody.appendChild(myrow);
}
//创建一个表脚对象
var mytfoot=document.createElement("tfoot");
for(c=0;c1;c++)
{
var myrow=document.createElement("tr");
for(d=0;d1;d++)
{
var mytd=document.createElement("td");
mytd.innerHTML="脚"+(d+1);
mytd.style.cssText="text-align:center;";
mytd.colSpan="10";
myrow.appendChild(mytd);
}
mytfoot.appendChild(myrow);
}
//将表头追加到表格
mytable.appendChild(mythead)
//将表体追加到表格
mytable.appendChild(mytbody);
//将表脚追加到表格
mytable.appendChild(mytfoot);
//追加对象样式
mythead.style.cssText="background-color:#003; color:#FFF; font-size:14px; font-weight:600; width:"+width+"px;";
mytable.style.cssText="background-color:#999; border:0px; width:"+width+"px;";
mytfoot.style.cssText="background-color:#003; color:#FFF; font-size:14px; font-weight:600; width:"+width+"px;";
document.body.appendChild(mytable);
}
/script
js css 绘制表格，控制表格位置？
多多和导师交流,毕设除了作品,应答也很重要,
老师们会就作品的关键点,和他们感兴趣的发问,
多多准备,这时候辛苦点是值得的,
祝毕设顺利.
怎么用js做一个表格
1．在页面div中创建一个空白表，可以根据需要对其进行定制。
2．创建表之后，我们可以编写关键代码来动态生成表。我们编写了一个js方法来触发使用。
3.在 TB 标签中，我们添加了标签，主要用于提供用户输入参数，而全局变量num主要用于区分每个添加参数的唯一id。
4．获取表中的数据，以供下图参考。
5．一旦我们获得了表中的数据，我们就应该将其转换成json数据的形式。