原生js循序加入table

可以使用以下代码实现：

var table = document.createElement("table");

for (var i = 0; i < 5; i++) {
  var row = table.insertRow(i);

  for (var j = 0; j < 5; j++) {
    var cell = row.insertCell(j);
    cell.innerHTML = "Row " + i + ", Column " + j;
  }
}

document.body.appendChild(table);

注意，这只是示例代码，需要根据实际情况进行修改。

相关问题

原生js el-table

原生JS中的el-table是指element-ui库中的表格组件。它可以通过使用element-ui提供的API来创建和操作表格。在原生JS中，可以使用以下代码来创建el-table组件：

// 创建el-table组件
var table = document.createElement('el-table');
table.setAttribute('v-loading', 'dataListLoading');
table.setAttribute(':data', 'dataList');
table.setAttribute('border', '');
table.setAttribute('align', 'center');

// 创建el-table-column组件
var column = document.createElement('el-table-column');
column.setAttribute(':label', 'item.propName');
column.setAttribute(':property', 'item.propItem');
column.setAttribute('v-for', 'item in tableColumnList');
column.setAttribute(':key', 'item.prop');
column.setAttribute('align', 'center');

// 创建template和span元素
var template = document.createElement('template');
var span = document.createElement('span');
span.textContent = '{{scope.row\[scope.column.property\]}}';

// 将span元素添加到template中
template.appendChild(span);

// 将template元素添加到el-table-column组件中
column.appendChild(template);

// 将el-table-column组件添加到el-table组件中
table.appendChild(column);

// 将el-table组件添加到页面中的某个元素中
var container = document.getElementById('container');
container.appendChild(table);

以上代码是通过原生JS动态创建el-table组件的示例。你可以根据自己的需求进行修改和扩展。
#### 引用[.reference_title]
- *1* [el-table 动态表格实现+原生表格实现代码](https://blog.csdn.net/weixin_50748620/article/details/123419248)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [el-table表格——获取单击的是第几行和第几列 & 表格排序之el-table与sort-change、el-table-column与sort-...](https://blog.csdn.net/weixin_44867717/article/details/125618132)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

js获取原生table选中情况的值

您可以通过以下代码获取表格的选中情况：

let table = document.getElementById("myTable"); // 获取表格元素
let selectedRows = []; // 用于存储选中行的数组
for (let i = 1; i < table.rows.length; i++) {
  if (table.rows[i].cells[0].querySelector('input[type="checkbox"]').checked) {
    selectedRows.push(table.rows[i]); // 如果该行被选中，将其添加到选中行的数组中
  }
}

其中，`myTable` 是您的表格 ID，`selectedRows` 是用于存储选中行的数组。在上述代码中，我们遍历表格的每一行，如果该行的第一个单元格中的复选框被选中，就将该行添加到选中行的数组中。最后，`selectedRows` 数组中将包含所有被选中的行。