Javascript动态创建表格及删除行列的方法
```javascript
var table = document.createElement("table");
// 创建行
var row = document.createElement("tr");
// 创建单元格并添加到行中
var cell = document.createElement("td");
cell.textContent = "内容";
row.appendChild(cell);
table.appendChild(row);
document.body.appendChild(table);
```
二、删除行列
```javascript
// 删除指定的行
var rowToDelete = document.getElementById("rowId"); // 获取需要删除的行
rowToDelete.parentNode.removeChild(rowToDelete); // 删除行
// 删除指定的列中的单元格
var cellToDelete = document.getElementById("cellId"); // 获取需要删除的单元格
```html
```
```javascript
function createTable(rowCount, colCount) {
var tableContainer = document.getElementById("tableContainer"); // 获取容器元素
// 循环创建行和单元格,并填充内容
for (var i = 0; i < rowCount; i++) {
var row = tablesertRow(-1); // 创建新行
for (var j = 0; j < colCount; j++) {
var cell = rowsertCell(-1); // 在行内创建新单元格
cellnerHTML = "第" + (i + 1) + "行,第" + (j + 1) + "列"; // 设置单元格内容
}
}
tableContainer.appendChild(table);
}
```
```html
编程语言
- Javascript动态创建表格及删除行列的方法
- ajax与传统web开发的异同点
- thinkphp框架实现删除和批量删除
- 使用PHP+JavaScript将HTML页面转换为图片的实例分享
- php+mysqli使用面向对象方式查询数据库实例
- Yii框架函数简单用法分析
- PHP多进程之pcntl_fork的实例详解
- PHP命名空间(Namespace)简明教程
- PHP安装扩展mcrypt以及相关依赖项深入讲解
- js实现省份下拉菜单效果
- 如何防范ASP木马
- 浅析JS中对函数function的理解(基础篇)
- Bootstrap select多选下拉框实现代码
- JavaScript+html5 canvas制作的百花齐放效果完整实例
- nodejs导出excel的方法
- 再谈Yii Framework框架中的事件event原理与应用