html 使用JS增加表格行信息
<script language="javascript">
function addItem()
{
var oTable = document.getElementById("whtable");
var oTbody = oTable.tBodies[0];
var v = oTbody.rows.length;
oTbody.insertRow(v);
oTbody.rows[v].id="itemtr"+v;
oTbody.rows[v].insertCell(0);
oTbody.rows[v].cells[0].className="bg_white";
oTbody.rows[v].cells[0].align="center";
oTbody.rows[v].cells[0].innerHTML="C43430001";
oTbody.rows[v].insertCell(1);
oTbody.rows[v].cells[1].className="bg_white";
oTbody.rows[v].cells[1].align="center";
oTbody.rows[v].cells[1].innerHTML="数据";
oTbody.rows[v].insertCell(2);
oTbody.rows[v].cells[2].className="bg_white";
oTbody.rows[v].cells[2].align="center";
oTbody.rows[v].cells[2].innerHTML="数据";
oTbody.rows[v].insertCell(3);
oTbody.rows[v].cells[3].className="bg_white";
oTbody.rows[v].cells[3].align="center";
oTbody.rows[v].cells[3].innerHTML="<input type='text'/>";
oTbody.rows[v].insertCell(4);
oTbody.rows[v].cells[4].className="bg_white";
oTbody.rows[v].cells[4].align="center";
oTbody.rows[v].cells[4].innerHTML="<input type='text' />";
oTbody.rows[v].insertCell(5);
oTbody.rows[v].cells[5].className="bg_white";
oTbody.rows[v].cells[5].align="center";
oTbody.rows[v].cells[5].innerHTML="<input type='button' value='删除' onclick='deleteRows(this);'/>";
}
//物料信息删除行
function deleteRows(btn)
{
var oTable = document.getElementById("whtable");
var oTbody = oTable.tBodies[0];
var tr = btn.parentNode.parentNode;
oTbody.deleteRow(tr.rowIndex);
}
</script>
<html>
<head>
<title>
hitest
</title
相关文档:
<table id="tableExcel" width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td colspan="5" align="center">html 表格导出道Excel</td>
</tr>
<tr>
<td>列标题1</td>
<td>列标题2</td>
......
格式标签是嵌套在<body></body>之内的。
1.<br>回车 表示强制性的换行,是单独标签。
2.<nobr></nobr>不换行 表示在标记内不换行。用于防止浏览器将标签对中的内容自动换行。
比如:我们所写的代码或其他不能分开的东西。
3.<wbr></wbr>强制换行 其在<nobr></ ......
HTML语言语法大全
<! - - ... - -> 批注
<!> 跑马灯
<marquee>...</marquee>普通卷动
<marquee behavior=slide>...</marquee>滑动
<marquee behavior=scroll>...</marquee>预设卷动
<marquee behavior=alternate>...</marquee>来回卷动
& ......
Adobe发布HTML 5开发工具 基于Dreamweaver
Adobe公司在上周举行的Google I/O开发者大会上发布了面向开发者和设计师的HTML 5工具组,Adobe HTML5 Pack。
Adobe HTML5 Pack是对Adobe Dreamweaver CS5的扩展,为Adobe Creative Suite 5 用户提供了更多的创造性功能。用户可以更轻松地创建和优化其作品。
&n ......
众所周知,对于链接和图片,我们可以通过添加title
属
性以显示一些说明文字,一般情况下,这些文字都是显示成一行,那么有没有办法让它以多行的方式显示呢?解决的方法有两种:
1.将title
属
性分成几行来写,例如:
<a href=#" title
="说明一
说明二
说明
三">印象派</a> ......