┣◇网站建设&Web语言-js 动态插入表格设置样式 js设置样式╋艺镇╋

以文本方式查看主题

-  ╋艺镇╋  (http://wdystv.com/bbs/index.asp)
--  ┣◇网站建设&Web语言  (http://wdystv.com/bbs/list.asp?boardid=4)
----  js 动态插入表格设置样式 js设置样式  (http://wdystv.com/bbs/dispbbs.asp?boardid=4&id=2567)

--  作者：admin
--  发布时间：2010/12/2 17:11:28
--  js 动态插入表格设置样式 js设置样式

Js代码

var mytable = document.getElementById("propertyTable");

var row = mytable.insertRow();
var mytable = document.getElementById("propertyTable"); var row = mytable.insertRow();

方法一：设置css class方式，如下，“table01-td01"为一css class样式

Java代码

var mytd= row.insertCell();

mytd.className="table01-td01";
var mytd= row.insertCell(); mytd.className="table01-td01";

方法二：直接设置style属性，如下

Java代码

row .style.backgroundColor="#FFFFFF"  ；//设置行的背景色





td=row .insertCell();         //添加单元格

td.style.cssText="BORDER-BOTTOM:   #4a75ce   1px   solid";

//设置单元格的样式



td.innerHTML="<input name=button type=button   />";

//添加td中的内容

来源：
http://lzc0088.javaeye.com/blog/494109