使用js写一段往table里面增加tr的代码
时间: 2023-04-12 16:01:55 浏览: 109
当然可以,以下是一段使用 JavaScript 往 table 中增加 tr 的代码:
```javascript
// 获取 table 元素
var table = document.getElementById("myTable");
// 创建一个新的 tr 元素
var newRow = table.insertRow();
// 创建新的 td 元素并添加到 tr 中
var newCell1 = newRow.insertCell();
var newCell2 = newRow.insertCell();
newCell1.innerHTML = "第一列";
newCell2.innerHTML = "第二列";
```
这段代码可以将一个新的 tr 元素添加到 id 为 "myTable" 的 table 中,并在其中添加两个 td 元素,分别显示 "第一列" 和 "第二列"。
相关问题
写一个js删除<table>的<tr>的代码
可以使用以下代码来删除 `<table>` 中的 `<tr>` 元素:
```javascript
// 获取table元素
const table = document.querySelector('table');
// 获取所有的tr元素
const rows = table.getElementsByTagName('tr');
// 从后往前遍历tr元素,依次删除
for (let i = rows.length - 1; i >= 0; i--) {
table.deleteRow(i);
}
```
这段代码首先获取到 `table` 元素,然后通过 `getElementsByTagName` 方法获取到所有的 `<tr>` 元素。接着从后往前遍历所有的 `<tr>` 元素,使用 `deleteRow` 方法删除每一个 `<tr>` 元素。由于是从后往前遍历,因此不会影响到前面的元素。
写一段导出excel的js代码
以下是一段导出excel的js代码:
```javascript
function exportToExcel(tableId, fileName) {
let table = document.getElementById(tableId);
let rows = table.getElementsByTagName("tr");
let csvData = [];
for (let i = 0; i < rows.length; i++) {
let rowData = [];
let cells = rows[i].getElementsByTagName("td");
for (let j = 0; j < cells.length; j++) {
rowData.push(cells[j].innerText);
}
csvData.push(rowData.join(","));
}
let csvString = csvData.join("\n");
let blob = new Blob([csvString], { type: "text/csv;charset=utf-8;" });
if (navigator.msSaveBlob) {
navigator.msSaveBlob(blob, fileName);
} else {
let link = document.createElement("a");
if (link.download !== undefined) {
let url = URL.createObjectURL(blob);
link.setAttribute("href", url);
link.setAttribute("download", fileName);
link.style.visibility = "hidden";
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
}
}
```
该代码通过获取表格中的数据,将其转换成CSV格式的字符串,并创建一个Blob对象,最后通过创建一个下载链接来实现导出excel的功能。其中,参数tableId表示表格的ID,fileName表示导出的Excel文件名。
阅读全文