DOM增删操作（创建删除表格）

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
<script>
//创建table
function createTable(){
var tab = document.createElement('table');
tab.border = 1;
tab.id = 'mtab';
var caption = tab.createCaption();
caption.innerHTML = 'helle';

for(var i = 0;i<5;i++){
var tr = tab.insertRow(i);
for(var j=0;j<4;j++){
var td = tr.insertCell(j);
td.innerHTML = ''+i+j;
}
}

document.getElementById('test').appendChild(tab);
}

//删除行
function deleterow(){
var tab = document.getElementById('mtab');
if(tab.rows.length > 0){
tab.deleteRow(tab.rows.length - 1);
}
}

//删除列
function deletecell(){
var tab = document.getElementById('mtab');
var row = tab.rows[tab.rows.length - 1];
if(row.cells.length > 0){
row.deleteCell(row.cells.length -1);
}
}

</script>
</head>

<body id="test">
<button value="1" οnclick="createTable()">createTable</button><br />
<button value="2" οnclick="deleterow()">deleterow</button><br />
<button value="3" οnclick="deletecell()">deletecell</button><br />
<hr />
</body>

</html>

转载于:https://www.cnblogs.com/youcandomore/p/7251487.html

DOM增删操作（创建删除表格）相关推荐

c# 注册表操作,创建,删除,修改,判断节点是否存在
用.NET下托管语言C#操作注册表,主要内容包括:注册表项的创建,打开与删除.键值的创建(设置值.修改),读取和删除.判断注册表项是否存在.判断键值是否存在. 准备工作: 1:要操作注册表,我们必 ...
jquery的DOM节点操作(创建和插入元素节点)
1.创建元素节点 2.插入节点动态创建新元素节点后,需要执行插入或追加操作,否则不会在页面显示出来. 按照元素的层次关系来分,可以分为内部和外部两种方法元素内部插入子节点元素内部插入子节点有两种 ...
Day19-File操作-创建删除，文件过滤
import java.io.File; import java.io.IOException;/**创建功能:*public boolean createNewFile():创建文件如果存在这样的 ...
JavaScript文档对象模型DOM节点操作之删除节点（6）
removeChild方法只能删除当前节点的子节点效果展示: 示例展示: <!DOCTYPE html> <html><head><meta charset ...
Python Pandas操作Excel表格文件:创建新表格，追加数据
前言: python操作excel表格文件的增删读写,一般需要用到的第三方库有xlwt,xlrd.xlrd负责读取excel,xlwt负责写入excel文件.这种操作方法比较繁琐,效率还不错,通俗易懂 ...
JS-DOM ～ 03. 子节点的操作、style.样式和属性、dom元素的创建方法及操作、14个例题、主要是利用js直接控制html属性...
带有Element和不带的区别 a) 带Element的获取的是元素节点 b) 不带可能获取文本节点和属性节点获取所以子节点 a) . childNodes b) . children ...
点击按钮创建一个表格点击按钮创建一个表格权限选择元素的value属性操作
点击按钮创建一个表格 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
DOM（三）——创建删除元素及优化（文档片段）
文章目录一.添加一个新元素 (1)创建一个新的空元素对象 (2)为新元素添加必要属性 (3)将新元素添加到DOM树上指定父元素下,浏览器才能显示出新元素 a.在父元素下末尾追加新元素 b. 在父元素 ...
玩转Mysq数据库(一):数据库的基础操作——创建、删除、查看
数据库的基础操作这里通过设立一张图书表带大家熟悉数据库的那些基本操作.后面我们在慢慢循序渐进,到彻底玩转数据库. 针对表的操作创建表删除表查看表文章目录数据库的基础操作针对表的操作前言 ...

DOM增删操作（创建删除表格）

DOM增删操作（创建删除表格）相关推荐

最新文章

热门文章