使用带有虚线参数的JavaScript添加表标记

Question

我正在尝试使用Bootstrap Table添加Javascript表格标记。表标记的一个参数是data-pagination。由于-，这种添加方法失败了。

我该如何解决这个问题？

期望的输出：

<table id="mytable" data-pagination="true" class="table table-striped"></table>

我的代码：

var table_div = document.createElement('table');
table_div.id = 'mytable';
table_div.className = "table table-striped";
table_div.data-pagination = "true";
document.body.appendChild(table_div);

Answer 1

在这种情况下，您可以使用 dataset ，例如：

table_div.dataset.pagination = true;

希望这有帮助。

var table_div = document.createElement('table');
table_div.id = 'mytable';
table_div.className = "table table-striped";
table_div.dataset.pagination = "true";
document.body.appendChild(table_div);

console.log(document.body.innerHTML)

Answer 2

table_div.setAttribute('data-pagination', 'true')