重新排列HTML表格

克达色达

我有这样的JSON数据:

var data = [
    {"city":"seattle", "state":"WA", "population":652405, "land_area":83.9},
    {"city":"new york", "state":"NY", "population":8405837, "land_area":302.6},
    {"city":"boston", "state":"MA", "population":645966, "land_area":48.3},
    {"city":"kansas city", "state":"MO", "population":467007, "land_area":315}
  ]

我已将此JSON数据添加HTML表中。现在,如何在每次5 seconds单击按钮时随机排列这些数据

alter.addEventListener('click', function() {
    //code goes here
})  
千变万化的波

给定的rows是一个nodeListtr

function randomise() {
    for (const row of rows) {
        const table = row.parentElement;
        table.insertBefore(
            row,
            table.children[Math.floor(Math.random() * table.children.length)]
        );
    }
}

alter.addEventListener("click", () => {
    randomise();
    setInterval(function () {
        randomise();
    }, 5000);
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

TOP 榜单

热门标签

归档