用js操作table、tr、td 「字体样式及TD背景图片」
来源:互联网 发布:java获取系统当前年份 编辑:程序博客网 时间:2024/06/03 15:57
function messageSort() { --函数名
var message=document.getElementById("message").value; --添加的内容(下面有对应的html)
if(name == "" ) return; --如果添加为空,返回
var row = document.createElement("tr"); //创建tr的
row.setAttribute("id", name); --设置row的属性.
var cell = document.createElement("td");//创建td
cell.appendChild(document.createTextNode(name));//td里注入文本
row.appendChild(cell);//将TD注入TR
var deleteButton = document.createElement("input"); //这部分是添加删除button按钮
deleteButton.setAttribute("type", "button");
deleteButton.setAttribute("value", "删除");
deleteButton.on
cell = document.createElement("td");
cell.appendChild(deleteButton);//注入按钮
row.appendChild(cell);//将TD注入TR
document.getElementById("sortList").appendChild(row);//将TR注入到相应地方(sortList可以看下面html)
var cell5 = document.createElement("td");
cell.style.background="#ffffff";//背景颜色设置
row1.style.color="#ffffff"; //字体颜色设置
cell5.style.display = "none" ; //ie不支持setAttribute("style", "display:none");
// <td style="display:none" >dd</td> 直接写TD是这样..
cell5.appendChild(document.createTextNode(zdid));
row.appendChild(cell5);
}
// 删除内容
function deleteSort(id) {//这个函数为上面的删除button调用的
var rowToDelete = document.getElementById(id);
var sortList = document.getElementById("sortList");
sortList.removeChild(rowToDelete);
}
</script>
</head>
<body>
<table border="0" cellspacing="0" width="400" bgcolor="#f5efe7">
<tr>
<td height="20">增加内容:</td>
<td><input id="message" type="text"></td>
<td><a href="javas
</tr>
</table>
<table border="1" width="400">
<tr>
<td height="20" align="center">内容:</td>
<td>操作</td>
</tr>
<tbody id="sortList"></tbody>
</table>
</body>
ps: document.style.backgroundImage="url('http://t1.baidu.com/it/u=1300390954,3399399465&fm=0&gp=0.jpg')"; //改变背景图片
$("#demo_table").attr("background","2.jpg");//jquery
转载自:http://blog.csdn.net/liujs_vb/article/details/6939473
- 用js操作table、tr、td 「字体样式及TD背景图片」
- 用js操作table、tr、td 「字体样式及TD背景图片」
- 用js操作table、tr、td 「字体样式及TD背景图片」
- 用js操作table(tr,td) (包括TD内容的隐藏,背景颜色和字体的设置)
- jq操作table tr td
- js获取table下的tr和td,并且设置某个td里的文字样式
- js动态控制table的tr,td增加及删除
- table与tr td样式重叠 table样式边框变细
- 表格<table> <tr><td>
- js操作html增加删除tr/td
- js遍历td,tr
- JS 插入tr、td
- 遍历table中的tr td
- js中获取 table节点各tr及td的内容方法
- js中获取 table节点各tr及td的内容方法
- JS动态创建Table,Tr,Td并赋值
- js动态增加,删除td,tr,table,div
- js控制新增,删除table的tr,td
- SQL - UNION 及 UNION ALL 语句
- js日期控件整理
- hdu 1325 Is It A Tree?
- 秒杀多线程第八篇 经典线程同步 信号量Semaphore
- 编写高效的Android代码
- 用js操作table、tr、td 「字体样式及TD背景图片」
- FastDelegate
- request中文乱码解决方法
- linux下解压命令大全
- Linux 函数--fstat/stat/lstat系统调用
- 设计模式_策略模式(Strategy Pattern)
- c# webbrowser 实现静音功能(除Falsh除外)
- how to get pdf page numbers
- 秒杀多线程第九篇 经典线程同步总结 关键段 事件 互斥量 信号量