js动态添加表格设置样式insertRow()设置样式
Js代码
var mytable = ElementById(“propertyTable”); var row = mytable.insertRow();
⽅法⼀:设置css class⽅式,如下,“table01-td01″为⼀css class样式
Js代码
var mytd= row.insertCell(); mytd.className=”table01-td01″;
⽅法⼆:直接设置style属性,如下
Js代码
row .style.backgroundColor=”#FFFFFF” ;//设置⾏的背景⾊ td=row .insertCell(); //添加单元格
td.style.cssText=”BORDER-BOTTOM: #4a75ce 1px solid”; //设置单元格的样式
td.innerHTML=”<input name=button type=button />”; //添加td中的内容
<script type="text/javascript">
function findPosX(obj) {
var curleft = 0;
if (obj.offsetParent) { //返回⽗类元素,⼤多说offsetParent返回body
while (obj.offsetParent) {//遍历所有⽗类元素
curleft += obj.offsetLeft;//当前元素的左边距
obj = obj.offsetParent;
}
} else if (obj.x) curleft += obj.x;
return curleft;
}
function findPosY(obj) {
var curtop = 0;
if (obj.offsetParent) {
while (obj.offsetParent) {
curtop += obj.offsetTop;
obj = obj.offsetParent;
}
} else if (obj.y) curtop += obj.y;
return curtop;
}
function showdiv(vart,obj,weekdiv,theme,endtime,status,endtime)
{
//alert(vart)
//var test = $(obj).parent().parent();
//alert(findPosY(obj.parentElement.parentElement))
//alert(test.outerHTML)
//alert($(obj).parent().parent().attr("offsetHeight"))
var ElementById("showtable").getElementsByTagName('tr')[1].getElementsByTagName('td')[0];
//var ElementById("showtable").getElementsByTagName('tr')[1].getElementsByTagName('td')[5]; //alert(findPosX(ccellz)+45-);
//alert();
//place("'","@").replace("/","#").replace(">","*").replace("<","&").replace(" ","");
//place("'","w").replace("/","u").replace(">","v").replace("<","x").replace(" ","");
status = place(/w/g, "'").replace(/u/g, "/").replace(/v/g, ">").replace(/x/g, "<").replace(/k/g, " ");
place(/w/g, "-");
//place("-","w");
//var tempstatus="";
//place("@","-");
//alert(status+"--"+endtime);
//var ccell = document.all.tags( "table")[1].rows[1];
//alert(document.all.tags( "table")[1].tagName);
//return
//alert(ccell.innerHTML);
var te="weekdiv_"+weekdiv;
var tempobj= ElementById(te);
if(tempobj.style.display=="block")
{
// tempobj.style.left=findPosX(ccell);
//p=findPosY(obj.parentElement.parentElement)+$(obj).parent().parent().attr("offsetHeight"); //tempobj.style.className="PositionObj";
var ElementById(""+(vart)+"_s");
//var ElementById("showtable").getElementsByTagName('tr')
[obj.parentElement.wIndex].getElementsByTagName('td')[0];
var table = ElementById("showtable");
table.deleteRow(obj.parentElement.wIndex+1);
obj.src="images/jtbottom.jpg";
obj.title="查看上次记录";
tempobj.style.display="none";
}else
{
// tempobj.style.left=findPosX(ccell);
//p=findPosY(obj.parentElement.parentElement)+$(obj).parent().parent().attr("offsetHeight"); // tempobj.style.className="TableBg3";
var table = ElementById("showtable");
//wIndex //
//alert(obj.parentElement.wIndex);
// alert("⾏"+vart+"出"+counttemp);
//alert(obj.parentElement.parentElement.parentElement.innerHTML);
//得到⼀⾏的第⼀个单元格
//var ElementById("showtable").getElementsByTagName('tr')
[obj.parentElement.wIndex].getElementsByTagName('td')[0];
//alert(obj.parentElement.wIndex);
//wSpan+"--"+ccellz.innerHTML);
//设置单元格跨⾏加1
//得到⼀⾏的第⼀个单元格
//得到⼀⾏的第⼀个单元格
var ElementById(""+(vart)+"_s");
var newRow = table.insertRow(obj.parentElement.wIndex+1);//在指定位置插⼊⾏
//newRow.style.backgroundColor="blue";
// var tempi= wIndex;
// alert(tempi);
for(var i=0;i<5;i++)
{
var cellstr=newRow.insertCell(i);
if(i==0)
html表格元素{
cellstr.innerHTML = theme;
cellstr.style.cssText="text-align:center;background:url(/newworktask/request/images/TableBg2.gif) repeat-y";
}else if(i==1)
{
cellstr.innerHTML = endtime;
cellstr.style.cssText="text-align:center;background:url(/newworktask/request/images/TableBg2.gif) repeat-y"; }else if(i==2)
{
cellstr.innerHTML = status;
cellstr.style.cssText="text-align:center;background:url(/newworktask/request/images/TableBg2.gif) repeat-y"; }else if(i==3)
{
cellstr.innerHTML = endtime;
cellstr.style.cssText="text-align:center;background:url(/newworktask/request/images/TableBg2.gif) repeat-y"; }else
{
cellstr.innerHTML="";
cellstr.style.cssText="text-align:center;background:url(/newworktask/request/images/TableBg2.gif) repeat-y"; }
}
obj.src="images/jtTop.jpg";
obj.title="关闭上次记录";
tempobj.style.display="block";
}
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论