用js添加删除表格

最新推荐文章于 2022-11-26 08:37:51 发布

mingWar

最新推荐文章于 2022-11-26 08:37:51 发布

阅读量2.4k

点赞数

分类专栏： JS 文章标签： function javascript button input border 服务器

JS 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
<script type="text/javascript">
function createTable(){
var objDiv = document.getElementById("divid");
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 是用来获取或设置位于指定的服务器控件的开始标记和结束标记之间的内容。
}
}
objDiv.appendChild(vtable);//appendChild方法可向节点的子节点列表的末尾添加新的子节点。此方法可返回这个新的子节点。
}

function mouseDown(){
if(event.button==2) {
if(event.srcElement.tagName="INPUT"){ //srcElement 对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。
//tagName 属性返回被选元素的标签名。
window.confirm(event.srcElement.value);
}
}
}
document.οnmοusedοwn=mouseDown; //onmousedown 事件会在鼠标按键被按下时发生
document.captureEvents(Event.MOUSEDOWN);
/* function RemoveRow()
{
oTR=idTB.rows(idTB.rows.length-1);
oTR.removeNode(true);
} */

function removeTable(){
var objDiv = document.getElementById("divid");
var vtables = objDiv.childNodes; //
if (vtables.length > 0)
objDiv.removeChild(vtables[vtables.length - 1]);
}
</script>
</head>
<input type="button" value="创建表格" οnclick="javascript:createTable();" />
<input type="button" value="删除表格" οnclick="javascript:removeTable();" />

<div id="divid"></div>
<body>
</body>
</html>

mingWar

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用js添加删除表格

http://www.w3.org/1999/xhtml">Untitled Document function createTable(){var objDiv = document.getElementById("divid");var vtable=document.createElement("table"); // vtable.id="idTB"; vtable.cellPadding
复制链接

扫一扫