UC知道HTML 表格添加删除问题
来源：百度知道 编辑：UC知道 时间：2024/06/10 20:38:29
现在代码可以直接运行 可以添加行！ 我想删除行应该怎么做！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script>
function createTable(){
var vtable=document.createElement("table");
// vtable.id="idTB";
vtable.cellPadding="0",
vtable.cellSpacing="0";
vtable.border="1";
vtable.color="#000000";
vtable.borderColorDark="#000000";
vtable.borderColorLight="#FFFFFF";
for(i=0;i<1;i++){
var vtr=vtable.insertRow(i);//insertRow插入行
for(k=0;k<5;k++){
vtd=vtr.insertCell(k);//insertCell插入列
vtd.innerHTML="<input type=text style='border:0px solid'>"// InnerHtml 是用来获取或设置位于指定的服务器控件的开始标记和结束标记之间的内容。
}
}
divid.appendChild(vtable);//appendChild方法可向节点的子节点列表
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script>
function createTable(){
var vtable=document.createElement("table");
// vtable.id="idTB";
vtable.cellPadding="0",
vtable.cellSpacing="0";
vtable.border="1";
vtable.color="#000000";
vtable.borderColorDark="#000000";
vtable.borderColorLight="#FFFFFF";
for(i=0;i<1;i++){
var vtr=vtable.insertRow(i);//insertRow插入行
for(k=0;k<5;k++){
vtd=vtr.insertCell(k);//insertCell插入列
vtd.innerHTML="<input type=text style='border:0px solid'>"// InnerHtml 是用来获取或设置位于指定的服务器控件的开始标记和结束标记之间的内容。
}
}
divid.appendChild(vtable);//appendChild方法可向节点的子节点列表
楼主的代码写的要注意兼容和规范性。
核心代码:
<script type="text/javascript">
function removeTable(){
var objDiv = document.getElementById("divid");
var vtables = objDiv.childNodes; //
if (vtables.length > 0)
objDiv.removeChild(vtables[vtables.length - 1]);
}
</script>
<input type="button" value="删除表格" onclick="javascript:removeTable();" />
===============================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type&quo