在用javascript创建的HTML代码上使用HTML类和id等

我做了一个搜索系统，我可以在其中搜索不同的工件的名称，日期等。首先，我使用HTML中的所有数据创建静态数据，然后使用我找到的脚本（listjs.com）执行所有排序和过滤等。

但是现在我想将其连接到数据库，并从该数据库中获取所有数据。我设法像这样发布和显示列表中的数据：

for(var i=0; i < artifacts.rows.length; i++) {
    var pic = artifacts.rows.item(i).APicture;
    var name = artifacts.rows.item(i).AName
    var city = artifacts.rows.item(i).ACity
    var date = artifacts.rows.item(i).ADate
    var type = artifacts.rows.item(i).AType
    list += '<li><table class="arti"> '
            <tr> '
                <td><img src="' + pic + '" width="60" height="60"></td> '
                <td><a id="crownID" class="name" href="#"><b>' + name + '</b></a></td> '
                <td><a class="city">' + city + '</a></td><a class="time" style="display:none;">-2000</a></td> '
                <td><a>' + date + '</a></td> '
                <td><a class="type">' + type + '</a></td> '
            </tr> '
            </table> '
        </li>';
}//end for
list += '</ul>';
document.getElementById("liste").innerHTML=list;

但是现在我的列表.js脚本不适用于我的数据。可能是因为HTML标签实际上不是HTML，而是JavaScript。我知道可以使用SORT BY等创建SQL查询，但是由于我已经有一个工作程序，因此最好不要花更多时间在上面。

有人知道一种方法可以做到这一点，或者是否有可能？